/* Granite — generated from tokens.json */
:root, [data-theme="light"] {
  --surface-000: #ffffff;
  --surface-100: #f4f5f7;
  --surface-200: #e9ebef;
  --surface-raised: #ffffff;
  --ink-900: #121417;
  --ink-600: #4a4f5a;
  --ink-400: #6b7280;
  --ink-inverse: #ffffff;
  --hairline: #d7dae0;
  --hairline-strong: #aeb3bd;
  --border-control: #7c818c;
  --brand: #0f49c4;
  --brand-hover: #0b3a9d;
  --brand-tint: #e8eefb;
  --on-brand: var(--ink-inverse);
  --success: #0d7a68;
  --warning: #9a5300;
  --danger: #c02630;
  --on-signal: var(--ink-inverse);
  --chart-1: #0f49c4;
  --chart-2: #0d7a68;
  --chart-3: #9a5300;
  --chart-4: #6b3fa0;
  --chart-5: #4a4f5a;
  --chart-6: #b0233a;
  --chart-grid: var(--hairline);
  --focus-ring: var(--brand);
  --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-none: 0px;
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-pill: 999px;
  --shadow-raised: 0 1px 2px rgba(18,20,23,0.08), 0 4px 12px rgba(18,20,23,0.10);
  --duration-fast: 120ms;
  --duration-base: 200ms;
  --font-sans: "IBM Plex Sans", -apple-system, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", "SF Mono", Menlo, Consolas, monospace;
}
[data-theme="dark"] {
  --surface-000: #0c0e12;
  --surface-100: #13161c;
  --surface-200: #1b1f27;
  --surface-raised: #1b1f27;
  --ink-900: #eceef2;
  --ink-600: #a9afbb;
  --ink-400: #7f8694;
  --ink-inverse: #0c0e12;
  --hairline: #272c36;
  --hairline-strong: #3b424f;
  --border-control: #6f7686;
  --brand: #7ea2ff;
  --brand-hover: #9ab6ff;
  --brand-tint: #162342;
  --on-brand: var(--ink-inverse);
  --success: #3cc2a0;
  --warning: #e3a63d;
  --danger: #f27b7b;
  --on-signal: var(--ink-inverse);
  --chart-1: #7ea2ff;
  --chart-2: #3cc2a0;
  --chart-3: #e3a63d;
  --chart-4: #b78cf0;
  --chart-5: #a9afbb;
  --chart-6: #f27b7b;
  --chart-grid: var(--hairline);
  --focus-ring: var(--brand);
  --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-none: 0px;
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-pill: 999px;
  --shadow-raised: 0 1px 2px rgba(0,0,0,0.5), 0 6px 16px rgba(0,0,0,0.55);
  --duration-fast: 120ms;
  --duration-base: 200ms;
  --font-sans: "IBM Plex Sans", -apple-system, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", "SF Mono", Menlo, Consolas, monospace;
}