/* IAM Team — canonical colors, typography and sizes. See DESIGN.md. */
:root {
  color-scheme:dark;
  --font-ui:'Geist',-apple-system,BlinkMacSystemFont,'SF Pro Display','Segoe UI',system-ui,sans-serif;
  --font-display:'Geist',-apple-system,system-ui,sans-serif;
  --surface-workspace:#16171a; --surface-raised:#26282c; --surface-hover:#2f3035;
  --bg:#0a0a0a; --bg2:#0f0f0f; --bg3:#141414; --bg4:#1a1a1a; --bg5:#222;
  --border:#1a1a1a; --border2:#242424; --border3:#2e2e2e;
  --text:#e8e8e8; --text2:#aaa; --text3:#999ca5; --text4:#777b85;
  --accent:#fff; --on-accent:#111; --accent-bg:rgba(255,255,255,.09); --accent-border:rgba(255,255,255,.18);
  --ink-rgb:255,255,255;
  --green:var(--accent); --green-bg:var(--accent-bg); --green-border:var(--accent-border);
  --blue:#38bdf8; --blue-bg:rgba(56,189,248,.10); --blue-border:rgba(56,189,248,.22);
  --red:#f87171; --red-bg:rgba(248,113,113,.10); --red-border:rgba(248,113,113,.22);
  --amber:#fbbf24; --amber-bg:rgba(251,191,36,.12); --amber-border:rgba(251,191,36,.28);
  --purple:#a78bfa; --purple-bg:rgba(167,139,250,.10); --purple-border:rgba(167,139,250,.22);
  --cyan:#22d3ee; --cyan-bg:rgba(34,211,238,.10); --cyan-border:rgba(34,211,238,.22);
  --r:10px; --r-lg:14px; --r-xl:18px;
  --shell-sidebar-width:260px; --shell-topbar-height:32px; --sidebar-w:240px;
  --shell-inset:12px; --shell-gap:12px; --shell-panel-radius:24px;
  --shell-control-clearance:12px;
  --shell-drawer-inset:8px; --shell-drawer-radius:20px;
  --workflow-grid-size:24px; --workflow-grid-color:rgba(var(--ink-rgb),.14);
  --workflow-header-border:rgba(var(--ink-rgb),.08);
  --workflow-card:var(--popup-surface); --workflow-border:rgba(var(--ink-rgb),.13);
  --workflow-wire:rgba(var(--ink-rgb),.26); --workflow-dot:rgba(var(--ink-rgb),.12);
  --workflow-done:#a6afc0; --workflow-selected:#9296a1; --workflow-radius:24px;
  /* Reference trail: graphite in the original dark theme. */
  --trail-action:var(--accent); --trail-on-action:var(--on-accent);
  --trail-track:rgba(255,255,255,.12); --trail-line:rgba(255,255,255,.22);
  --trail-panel:var(--surface-raised); --trail-shadow:0 14px 36px rgba(0,0,0,.2);
  --trail-month-ink:#101725;
}
[data-theme="midnight"] {
  color-scheme:dark;
  /* Approved “Полночь” palette: only colors/surfaces; typography is inherited. */
  --surface-workspace:#0a0e17; --surface-raised:#13171f; --surface-hover:#232938;
  --bg:#0a0e17; --bg2:#13171f; --bg3:#1c2230; --bg4:#242c3d; --bg5:#2c3548;
  --border:rgba(255,255,255,.06); --border2:rgba(255,255,255,.09); --border3:rgba(255,255,255,.20);
  --text:#e9edf7; --text2:#a7b0c4; --text3:#9ba5ba; --text4:#8993a8;
  --accent:#e9edf7; --on-accent:#13171f;
  --accent-bg:rgba(233,237,247,.09); --accent-border:rgba(233,237,247,.18);
  --ink-rgb:233,237,247;
  --surface-selection:rgba(255,255,255,.065);
  --surface-panel:
    radial-gradient(ellipse 110% 100% at 68% 108%,rgba(91,124,250,.14),transparent 77%),
    radial-gradient(ellipse 70% 80% at 100% 0%,rgba(139,92,246,.045),transparent 85%),
    var(--surface-raised);
  --workspace-image:
    radial-gradient(650px 400px at 5% 2%,rgba(52,211,153,.14),transparent 64%),
    radial-gradient(680px 460px at 98% 12%,rgba(139,92,246,.20),transparent 66%),
    radial-gradient(650px 440px at 65% 105%,rgba(91,124,250,.16),transparent 66%);
  --task-editor-background:var(--surface-panel);
  --trail-action:#5b7cfa; --trail-on-action:#fff;
  --trail-line:#39445d; --trail-panel:var(--surface-panel);
  --trail-shadow:0 14px 36px rgba(0,0,0,.3);
}
[data-theme="light"] {
  color-scheme:light;
  --surface-workspace:#f5f5f7; --surface-raised:#fff; --surface-hover:#ececf0;
  --bg:#f5f5f7; --bg2:#fff; --bg3:#ebebed; --bg4:#e4e4e8; --bg5:#d5d5dc;
  --text:#202126; --text2:#555963; --text3:#676c78; --text4:#737780;
  --border:#e1e2e7; --border2:#d4d6dd; --border3:#b8bcc7;
  --accent:#202126; --on-accent:#fff; --accent-bg:rgba(32,33,38,.07); --accent-border:rgba(32,33,38,.24);
  --ink-rgb:32,33,38;
  --red:#b42332; --blue:#086c9a; --amber:#876000; --purple:#7148bd; --cyan:#08788a;
  --trail-track:rgba(32,33,38,.1); --trail-line:#b8bcc7;
  --workflow-done:#64718a; --workflow-selected:#727985;
  --trail-shadow:0 12px 30px rgba(32,33,38,.06);
}