/* ManagEm AI — generated from tokens.json */
:root, [data-theme="graphite"] {
  --ink-000: #0a0b0d;
  --ink-100: #121417;
  --ink-200: #1a1d21;
  --ink-300: #24282e;
  --graphite-400: #343941;
  --graphite-500: #4a515a;
  --silver-600: #6b737d;
  --silver-700: #8e969f;
  --silver-800: #b8bec5;
  --silver-900: #d9dde1;
  --silver-950: #eceef0;
  --paper-000: #fbfaf7;
  --paper-100: #f5f4f0;
  --paper-200: #ecebe6;
  --paper-300: #dedcd5;
  --paper-400: #c9c6be;
  --surface: var(--ink-000);
  --surface-raised: var(--ink-100);
  --surface-sunken: var(--ink-200);
  --surface-inverse: var(--paper-100);
  --hairline: var(--ink-300);
  --hairline-strong: var(--graphite-400);
  --text: var(--silver-950);
  --text-muted: var(--silver-700);
  --text-faint: var(--silver-600);
  --text-inverse: var(--ink-000);
  --chrome: var(--silver-900);
  --chrome-hover: var(--silver-950);
  --on-chrome: var(--ink-000);
  --signal: #5b8def;
  --signal-soft: #5b8def29;
  --on-signal: var(--ink-000);
  --ok: #4cb577;
  --ok-soft: #4cb57726;
  --warn: #d8a43c;
  --warn-soft: #d8a43c29;
  --critical: #e2635b;
  --critical-soft: #e2635b29;
  --particle: var(--silver-700);
  --node: var(--silver-900);
  --grid-line: #ffffff0d;
  --focus: #5b8def;
  --shadow-raise: 0 1px 0 0 #ffffff0f inset, 0 12px 32px -16px #000000cc;
  color-scheme: dark;
}
[data-theme="paper"] {
  --ink-000: #0a0b0d;
  --ink-100: #121417;
  --ink-200: #1a1d21;
  --ink-300: #24282e;
  --graphite-400: #343941;
  --graphite-500: #4a515a;
  --silver-600: #6b737d;
  --silver-700: #8e969f;
  --silver-800: #b8bec5;
  --silver-900: #d9dde1;
  --silver-950: #eceef0;
  --paper-000: #fbfaf7;
  --paper-100: #f5f4f0;
  --paper-200: #ecebe6;
  --paper-300: #dedcd5;
  --paper-400: #c9c6be;
  --surface: var(--paper-100);
  --surface-raised: var(--paper-000);
  --surface-sunken: var(--paper-200);
  --surface-inverse: var(--ink-000);
  --hairline: var(--paper-300);
  --hairline-strong: var(--paper-400);
  --text: var(--ink-100);
  --text-muted: #575d66;
  --text-faint: #7a818a;
  --text-inverse: var(--paper-000);
  --chrome: var(--ink-100);
  --chrome-hover: var(--ink-300);
  --on-chrome: var(--paper-000);
  --signal: #2a5bd7;
  --signal-soft: #2a5bd71f;
  --on-signal: var(--paper-000);
  --ok: #1e7b47;
  --ok-soft: #1e7b471f;
  --warn: #8f6410;
  --warn-soft: #8f64101f;
  --critical: #b42d23;
  --critical-soft: #b42d231f;
  --particle: var(--graphite-400);
  --node: var(--ink-100);
  --grid-line: #0a0b0d0f;
  --focus: #2a5bd7;
  --shadow-raise: 0 1px 2px 0 #0a0b0d14, 0 16px 40px -24px #0a0b0d40;
  color-scheme: light;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --radius-0: 0;
  --radius-sm: 3px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --radius-pill: 999px;
  --dot-pitch: 24px;
  --dot-size: 1.5px;
  --node-size: 5px;
  --crosshair: 7px;
  --stroke: 1px;
  --grid-pitch: 48px;
  --font-sans: "Instrument Sans", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;
}
.display-xl { font-family: var(--font-sans); font-size: 64px; line-height: 0.96; font-weight: 600; letter-spacing: -0.03em; }
.display-lg { font-family: var(--font-sans); font-size: 44px; line-height: 1.04; font-weight: 600; letter-spacing: -0.025em; }
.heading-lg { font-family: var(--font-sans); font-size: 30px; line-height: 1.15; font-weight: 600; letter-spacing: -0.02em; }
.heading-md { font-family: var(--font-sans); font-size: 22px; line-height: 1.25; font-weight: 600; letter-spacing: -0.01em; }
.heading-sm { font-family: var(--font-sans); font-size: 17px; line-height: 1.35; font-weight: 600; letter-spacing: 0; }
.body-lg { font-family: var(--font-sans); font-size: 17px; line-height: 1.6; font-weight: 400; }
.body { font-family: var(--font-sans); font-size: 15px; line-height: 1.55; font-weight: 400; }
.body-sm { font-family: var(--font-sans); font-size: 13px; line-height: 1.5; font-weight: 400; }
.label { font-family: var(--font-mono); font-size: 11px; line-height: 1.2; font-weight: 500; letter-spacing: 0.08em; font-variant-numeric: tabular-nums; text-transform: uppercase; }
.code { font-family: var(--font-mono); font-size: 13px; line-height: 1.55; font-weight: 400; font-variant-numeric: tabular-nums; }
.numeric { font-family: var(--font-mono); font-size: 14px; line-height: 1.4; font-weight: 500; letter-spacing: 0; font-variant-numeric: tabular-nums; }