/**
 * Concierge Design System — institutional terminal tokens.
 * Single source of truth for Executive Lounge, Agent hub, docs, and marketing pages.
 */
html,
html[data-theme="dark"] {
  color-scheme: dark;

  /* Core palette */
  --el-bg: #080a0f;
  --el-navy: #0c1120;
  --el-graphite: #111827;
  --el-panel: #141b2d;
  --el-border: #1e2d4a;
  --el-border-subtle: rgba(30, 45, 74, 0.55);
  --el-gold: #c9a84c;
  --el-gold-bright: #e8c968;
  --el-gold-dim: #7a6030;
  --el-chrome: #8899bb;
  --el-chrome-bright: #aabbd0;
  --el-text: #d8e4f0;
  --el-text-secondary: #6b7d9a;
  --el-text-muted: #3a4a62;
  --el-accent-blue: #3b7dd8;
  --el-accent-teal: #1d8f7a;
  --el-signal-green: #22c87a;
  --el-signal-red: #e85d4a;
  --el-signal-amber: #f5a623;

  /* Elevation & shape */
  --el-radius-xs: 3px;
  --el-radius-sm: 5px;
  --el-radius-md: 8px;
  --el-radius-lg: 12px;
  --el-radius-xl: 16px;
  --el-radius-pill: 999px;

  --el-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.22);
  --el-shadow-md: 0 8px 32px rgba(0, 0, 0, 0.32);
  --el-shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.42);
  --el-shadow-card: 0 4px 24px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  --el-shadow-glow-gold: 0 0 32px rgba(201, 168, 76, 0.14);

  /* Motion */
  --el-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --el-duration-fast: 0.15s;
  --el-duration: 0.25s;

  /* Lounge aliases */
  --bg: var(--el-bg);
  --navy: var(--el-navy);
  --graphite: var(--el-graphite);
  --panel: var(--el-panel);
  --border: var(--el-border);
  --gold: var(--el-gold);
  --gold-dim: var(--el-gold-dim);
  --chrome: var(--el-chrome);
  --chrome-bright: var(--el-chrome-bright);
  --text-primary: var(--el-text);
  --text-secondary: var(--el-text-secondary);
  --text-muted: var(--el-text-muted);
  --accent-blue: var(--el-accent-blue);
  --accent-teal: var(--el-accent-teal);
  --signal-green: var(--el-signal-green);
  --signal-red: var(--el-signal-red);
  --signal-amber: var(--el-signal-amber);

  --header-bg: rgba(8, 10, 15, 0.92);
  --sidebar-bg: rgba(12, 17, 32, 0.55);
  --card-grad-1: rgba(20, 27, 45, 0.82);
  --card-grad-2: rgba(12, 17, 32, 0.62);
  --gcard-bg: rgba(17, 24, 39, 0.62);
  --gcard-hover: rgba(20, 27, 45, 0.78);
  --bubble-bg: rgba(20, 27, 45, 0.7);
  --bubble-accent: rgba(59, 125, 216, 0.4);
  --user-bubble-bg: rgba(59, 125, 216, 0.08);
  --user-bubble-border: rgba(59, 125, 216, 0.3);
  --input-bg: rgba(12, 17, 32, 0.72);
  --field-bg: rgba(8, 10, 15, 0.65);
  --overlay-bg: rgba(8, 10, 15, 0.78);
  --nav-active-bg: rgba(201, 168, 76, 0.06);
  --pitem-hover: rgba(20, 27, 45, 0.6);
  --bar-track: rgba(30, 45, 74, 0.6);
  --ai-av-bg: linear-gradient(135deg, #0c1120, #1e2d4a);
  --blob-opacity: 0.16;
  --gold-hover-bg: rgba(201, 168, 76, 0.08);
  --code-bg: #0a0e18;

  /* Agent hub aliases */
  --pg-bg: var(--el-bg);
  --pg-panel: var(--el-navy);
  --pg-panel-border: var(--el-border);
  --pg-text: var(--el-text);
  --pg-muted: var(--el-text-secondary);
  --pg-dim: var(--el-text-muted);
  --pg-accent: var(--el-gold);
  --pg-accent-dim: var(--el-gold-dim);
  --pg-accent-glow: rgba(201, 168, 76, 0.1);
  --pg-term-bg: #060810;
  --pg-input: var(--el-graphite);
  --pg-method: var(--el-signal-green);

  /* Integrations / token aliases */
  --int-bg: var(--el-bg);
  --int-panel: var(--el-navy);
  --int-border: var(--el-border);
  --int-text: var(--el-text);
  --int-muted: var(--el-text-secondary);
  --int-dim: var(--el-text-muted);
  --int-gold: var(--el-gold);
  --int-gold-dim: var(--el-gold-dim);
  --int-glow: rgba(201, 168, 76, 0.1);
  --int-green: var(--el-signal-green);

  --tok-bg: var(--el-bg);
  --tok-panel: var(--el-navy);
  --tok-border: var(--el-border);
  --tok-text: var(--el-text);
  --tok-muted: var(--el-text-secondary);
  --tok-dim: var(--el-text-muted);
  --tok-gold: var(--el-gold);
  --tok-gold-dim: var(--el-gold-dim);
  --tok-glow: rgba(201, 168, 76, 0.1);
  --tok-green: var(--el-signal-green);
}

html[data-theme="light"] {
  color-scheme: light;

  --el-bg: #f0ede6;
  --el-navy: #ebe8e1;
  --el-graphite: #ffffff;
  --el-panel: #e8e5de;
  --el-border: #d4cfc4;
  --el-border-subtle: rgba(180, 170, 155, 0.55);
  --el-gold: #8a6f28;
  --el-gold-bright: #9a7b2e;
  --el-gold-dim: #b89850;
  --el-chrome: #5c6b82;
  --el-chrome-bright: #2a3548;
  --el-text: #141c2e;
  --el-text-secondary: #4d5a70;
  --el-text-muted: #7a8798;
  --el-accent-blue: #2f6bc4;
  --el-accent-teal: #167a68;
  --el-signal-green: #1a9d5c;
  --el-signal-red: #c94a3a;
  --el-signal-amber: #c48612;

  --el-shadow-card: 0 4px 20px rgba(20, 28, 46, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.9);
  --el-shadow-glow-gold: 0 0 24px rgba(154, 123, 46, 0.1);

  --header-bg: rgba(255, 255, 255, 0.94);
  --sidebar-bg: rgba(255, 255, 255, 0.88);
  --card-grad-1: rgba(255, 255, 255, 0.98);
  --card-grad-2: rgba(243, 241, 235, 0.95);
  --gcard-bg: rgba(255, 255, 255, 0.94);
  --gcard-hover: rgba(255, 255, 255, 1);
  --bubble-bg: rgba(255, 255, 255, 0.95);
  --bubble-accent: rgba(47, 107, 196, 0.25);
  --user-bubble-bg: rgba(47, 107, 196, 0.1);
  --user-bubble-border: rgba(47, 107, 196, 0.35);
  --input-bg: rgba(255, 255, 255, 0.96);
  --field-bg: #ffffff;
  --overlay-bg: rgba(20, 28, 46, 0.42);
  --nav-active-bg: rgba(138, 111, 40, 0.1);
  --pitem-hover: rgba(243, 241, 235, 0.9);
  --bar-track: rgba(216, 210, 198, 0.8);
  --ai-av-bg: linear-gradient(135deg, #ebe8e1, #d8d2c6);
  --blob-opacity: 0.08;
  --gold-hover-bg: rgba(138, 111, 40, 0.1);
  --code-bg: #ebe8e0;

  --pg-accent-glow: rgba(138, 111, 40, 0.1);
  --pg-term-bg: #f4f2ec;
  --pg-input: #fff;
  --int-glow: rgba(138, 111, 40, 0.1);
}