/* Atlas Workspace Console — shared role tokens. Components never hardcode theme values. */
:root,
[data-theme="light"] {
  color-scheme: light;
  --canvas: #f6f6f4;
  --canvas-soft: #eeeeec;
  --surface: #fbfbfa;
  --surface-raised: #ffffff;
  --surface-hover: #f6f7fb;
  --surface-pressed: #eceff8;
  --ink: #171719;
  --ink-soft: #4f4f55;
  --ink-muted: #68686f;
  --ink-inverse: #ffffff;
  --line: rgba(28, 36, 54, 0.09);
  --line-strong: rgba(28, 36, 54, 0.15);
  --accent: #202024;
  --accent-hover: #303036;
  --accent-soft: #ededf0;
  --accent-ink: #ffffff;
  --coral: #a9321e;
  --coral-soft: #f7dfd8;
  --apricot: #956000;
  --apricot-soft: #f4e6c6;
  --mint: #0c7054;
  --mint-soft: #dceee7;
  --lilac: #51447d;
  --lilac-soft: #e8e3f3;
  --scrim: rgba(27, 33, 48, 0.24);
  --shadow-xs: 0 1px 2px rgba(18, 18, 20, 0.025);
  --shadow-sm: 0 6px 18px rgba(18, 18, 20, 0.055);
  --shadow-md: 0 18px 48px rgba(18, 18, 20, 0.12);
}

[data-theme="ink"] {
  color-scheme: dark;
  --canvas: #171b24;
  --canvas-soft: #12161e;
  --surface: #202631;
  --surface-raised: #252c38;
  --surface-hover: #2b3341;
  --surface-pressed: #343d50;
  --ink: #f5f3ed;
  --ink-soft: #c7c9cf;
  --ink-muted: #9299a7;
  --ink-inverse: #182033;
  --line: rgba(255,255,255,0.08);
  --line-strong: rgba(255,255,255,0.15);
  --accent: #8da7ff;
  --accent-hover: #a7b9ff;
  --accent-soft: #303951;
  --accent-ink: #151b2c;
  --coral: #ef9b87;
  --coral-soft: #49332f;
  --apricot: #f3b87e;
  --apricot-soft: #4a3b2c;
  --mint: #70c7a9;
  --mint-soft: #28443d;
  --lilac: #b0a4ee;
  --lilac-soft: #393650;
  --scrim: rgba(4, 7, 12, 0.58);
  --shadow-xs: 0 1px 2px rgba(0,0,0,0.22), 0 4px 12px rgba(0,0,0,0.12);
  --shadow-sm: 0 3px 8px rgba(0,0,0,0.25), 0 18px 34px rgba(0,0,0,0.18);
  --shadow-md: 0 12px 30px rgba(0,0,0,0.3), 0 34px 80px rgba(0,0,0,0.32);
}

:root {
  --font-ui: 'Manrope', system-ui, -apple-system, sans-serif;
  --font-display: 'Manrope', system-ui, -apple-system, sans-serif;
  --font-mono: 'DM Mono', ui-monospace, monospace;
  --text-xs: .6875rem;
  --text-sm: .78rem;
  --text-base: .875rem;
  --text-lg: 1.05rem;
  --text-xl: 1.35rem;
  --text-2xl: 2rem;
  --text-3xl: clamp(2.35rem, 5vw, 4.65rem);
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --radius-sm: 6px;
  --radius: 9px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-pill: 999px;
  --topbar-h: 64px;
  --dock-w: 72px;
  --dur-fast: .16s;
  --dur: .3s;
  --dur-slow: .46s;
  --ease-out: power3.out;
  --ease-spring: elastic.out(1, .72);
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur-fast: .01s; --dur: .01s; --dur-slow: .01s; }
}