/* Generated by design/build_tokens.py from design/tokens/tokens.json and extra.json.
   Do not edit by hand: change the JSON, then run python -m design.build_tokens. */

:root {
  color-scheme: light;
  --background: #f6f8f8;
  --card: #ffffff;
  --muted: #edf2f3;
  --foreground: #13252a;
  --muted-foreground: #51676d;
  --border: #d6e1e3;
  --input: #7d9399;
  --ring: #3d727a;
  --brand: #4f8e97;
  --primary: #3d727a;
  --primary-foreground: #ffffff;
  --accent: #d4e8eb;
  --accent-foreground: #13252a;
  --marker: #c9954e;
  --success: #1b6e49;
  --success-soft: #e2f2ea;
  --warning: #8a5300;
  --warning-soft: #fbefd9;
  --danger: #a8261e;
  --danger-soft: #fbe6e4;
  --info: #2f6a73;
  --info-soft: #e1eff1;
  --area-sourcesweep: #3d727a;
  --area-automap: #4b7a50;
  --area-admin: #a8261e;
  --area-settings: #8a5300;
  --track: #e3eaec;
  --chart-tint: #7db4bb;
  --shadow-sm: 0 1px 2px rgba(19,37,42,0.06), 0 1px 3px rgba(19,37,42,0.08);
  --shadow-md: 0 8px 24px rgba(19,37,42,0.12);
  --font-sans: Geist, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Geist Mono", ui-monospace, Menlo, Consolas, monospace;
  --type-display: 600 36px/40px var(--font-sans);
  --type-display-tracking: -0.02em;
  --type-title: 600 24px/32px var(--font-sans);
  --type-title-tracking: -0.01em;
  --type-heading: 600 18px/26px var(--font-sans);
  --type-body: 400 15px/24px var(--font-sans);
  --type-body-strong: 600 15px/24px var(--font-sans);
  --type-small: 400 13px/20px var(--font-sans);
  --type-label: 500 12px/16px var(--font-sans);
  --type-label-tracking: 0.04em;
  --type-mono: 400 13px/20px var(--font-mono);
  --type-figure: 500 28px/32px var(--font-mono);
  --type-figure-tracking: -0.01em;
  --type-menu: 400 14px/20px var(--font-sans);
  --type-badge: 500 11px/16px var(--font-sans);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-full: 9999px;
  --radius-segment: 6px;
  --content-max: 1200px;
  --control-height: 40px;
  --logo-size: 40px;
  --menu-min-width: 232px;
  --menu-offset: 8px;
  --menu-inset: 6px;
  --menu-item-inset: 10px;
  --segment-height: 32px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --background: #0e1719;
    --card: #152124;
    --muted: #1c2b2f;
    --foreground: #e3eced;
    --muted-foreground: #9db1b5;
    --border: #2a3b3f;
    --input: #5f777c;
    --ring: #7db4bb;
    --brand: #7db4bb;
    --primary: #7db4bb;
    --primary-foreground: #0e1719;
    --accent: #1f4046;
    --accent-foreground: #e3eced;
    --marker: #d9a865;
    --success: #5fc79b;
    --success-soft: #123326;
    --warning: #e7b24f;
    --warning-soft: #36280c;
    --danger: #f2897f;
    --danger-soft: #3b1714;
    --info: #8cc6ce;
    --info-soft: #17363b;
    --area-sourcesweep: #7db4bb;
    --area-automap: #8cc493;
    --area-admin: #f2897f;
    --area-settings: #e7b24f;
    --track: #24353a;
    --chart-tint: #4f8e97;
    --shadow-sm: 0 1px 2px rgba(0,0,0,0.45);
    --shadow-md: 0 8px 24px rgba(0,0,0,0.5);
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --background: #0e1719;
  --card: #152124;
  --muted: #1c2b2f;
  --foreground: #e3eced;
  --muted-foreground: #9db1b5;
  --border: #2a3b3f;
  --input: #5f777c;
  --ring: #7db4bb;
  --brand: #7db4bb;
  --primary: #7db4bb;
  --primary-foreground: #0e1719;
  --accent: #1f4046;
  --accent-foreground: #e3eced;
  --marker: #d9a865;
  --success: #5fc79b;
  --success-soft: #123326;
  --warning: #e7b24f;
  --warning-soft: #36280c;
  --danger: #f2897f;
  --danger-soft: #3b1714;
  --info: #8cc6ce;
  --info-soft: #17363b;
  --area-sourcesweep: #7db4bb;
  --area-automap: #8cc493;
  --area-admin: #f2897f;
  --area-settings: #e7b24f;
  --track: #24353a;
  --chart-tint: #4f8e97;
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.45);
  --shadow-md: 0 8px 24px rgba(0,0,0,0.5);
}

/* Type styles */
.ms-type-display { font: var(--type-display); letter-spacing: var(--type-display-tracking); }
.ms-type-title { font: var(--type-title); letter-spacing: var(--type-title-tracking); }
.ms-type-heading { font: var(--type-heading); }
.ms-type-body { font: var(--type-body); }
.ms-type-body-strong { font: var(--type-body-strong); }
.ms-type-small { font: var(--type-small); }
.ms-type-label { font: var(--type-label); letter-spacing: var(--type-label-tracking); }
.ms-type-mono { font: var(--type-mono); }
.ms-type-figure { font: var(--type-figure); letter-spacing: var(--type-figure-tracking); }
.ms-type-menu { font: var(--type-menu); }
.ms-type-badge { font: var(--type-badge); }
.ms-type-label { text-transform: uppercase; }