/* Generated from design-system/tokens.json. Do not edit by hand. */
: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-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 12px;
  --container-max: 1200px;
  --header-height: 72px;
  --control-height: 44px;
  --font-display: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
}
:root, [data-theme="light"] {
  --surface: #f6f8f7;
  --surface-raised: #ffffff;
  --surface-sunk: #e8eeec;
  --sky: #dfecf8;
  --line: #d3ddda;
  --ridge: #617a72;
  --ink: #0b2826;
  --ink-muted: #4f6662;
  --pine: #06302f;
  --on-pine: #ffffff;
  --glacier: #0b69c7;
  --on-glacier: #ffffff;
  --success: #1d6b45;
  --success-soft: #e2f1e8;
  --warning: #8a5a00;
  --warning-soft: #f7ecd6;
  --danger: #b3261e;
  --danger-soft: #f9e3e1;
  --link: var(--glacier);
  --shadow-sm: 0 1px 2px #06302f14;
  --shadow-lg: 0 8px 24px -4px #06302f29;
  --focus-ring: 0 0 0 2px #f6f8f7, 0 0 0 4px #0b69c7;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --surface: #0b1918;
    --surface-raised: #122423;
    --surface-sunk: #0f201f;
    --sky: #15302f;
    --line: #2a3f3c;
    --ridge: #7e968e;
    --ink: #eaf1ef;
    --ink-muted: #a7b8b4;
    --pine: #9ccfc2;
    --on-pine: #0b1918;
    --glacier: #6cb2f2;
    --on-glacier: #0b1918;
    --success: #7fd1a5;
    --success-soft: #10281c;
    --warning: #f0c067;
    --warning-soft: #2a2010;
    --danger: #f2a39b;
    --danger-soft: #2e1412;
    --link: var(--glacier);
    --shadow-sm: 0 1px 3px #000000a6;
    --shadow-lg: 0 12px 28px -2px #000000cc;
    --focus-ring: 0 0 0 2px #0b1918, 0 0 0 4px #6cb2f2;
  }
}
[data-theme="dark"] {
  --surface: #0b1918;
  --surface-raised: #122423;
  --surface-sunk: #0f201f;
  --sky: #15302f;
  --line: #2a3f3c;
  --ridge: #7e968e;
  --ink: #eaf1ef;
  --ink-muted: #a7b8b4;
  --pine: #9ccfc2;
  --on-pine: #0b1918;
  --glacier: #6cb2f2;
  --on-glacier: #0b1918;
  --success: #7fd1a5;
  --success-soft: #10281c;
  --warning: #f0c067;
  --warning-soft: #2a2010;
  --danger: #f2a39b;
  --danger-soft: #2e1412;
  --link: var(--glacier);
  --shadow-sm: 0 1px 3px #000000a6;
  --shadow-lg: 0 12px 28px -2px #000000cc;
  --focus-ring: 0 0 0 2px #0b1918, 0 0 0 4px #6cb2f2;
}