/* Generated from design-system/tokens.json. Do not edit. */
:root {
  --sudx-paper: #FAF9F5;
  --sudx-ivory: #F0EEE6;
  --sudx-panel: #FFFFFF;
  --sudx-hairline: #E3E0D8;
  --sudx-ink: #1F1E1D;
  --sudx-muted: #6E6A63;
  --sudx-clay: #C56A4A;
  --sudx-clay-hover: #A8522F;
  --sudx-background-dark: #141414;
  --sudx-panel-dark: #1D1D1D;
  --sudx-sidebar-dark: #181818;
  --sudx-hairline-dark: #2E2E2E;
  --sudx-active-dark: #383838;
  --sudx-ink-dark: #F2F0EC;
  --sudx-muted-dark: #A5A3A0;
  --sudx-tertiary-dark: #8F8D89;
  --sudx-clay-dark: #E0946B;
  --sudx-cost-up-light: #B0472E;
  --sudx-cost-up-dark: #D96C4F;
  --sudx-cost-down-light: #3F7352;
  --sudx-cost-down-dark: #7FAE8E;
  --sudx-warning-light: #A3822D;
  --sudx-warning-dark: #C9A353;
  --sudx-projected-light: oklch(0.52 0.19 300);
  --sudx-projected-dark: oklch(0.72 0.17 300);
  --sudx-font-wordmark: "Space Grotesk", "Avenir Next", Avenir, sans-serif;
  --sudx-font-sans: Geist, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --sudx-font-mono: "Geist Mono", "SFMono-Regular", Consolas, monospace;
  --sudx-font-serif: "Source Serif 4", Georgia, serif;
  --sudx-weight-regular: 400;
  --sudx-weight-medium: 500;
  --sudx-weight-semibold: 600;
  --sudx-weight-bold: 700;
  --sudx-space-1: 4px;
  --sudx-space-2: 8px;
  --sudx-space-3: 12px;
  --sudx-space-4: 16px;
  --sudx-space-5: 24px;
  --sudx-space-6: 32px;
  --sudx-space-7: 48px;
  --sudx-space-8: 64px;
  --sudx-radius: 6px;
  --sudx-radius-chip: 4px;
  --sudx-target-min: 44px;
  --sudx-max-content: 1280px;
  --sudx-shadow-active-light: 0 1px 2px rgba(31, 30, 29, 0.08);
  --sudx-shadow-popover: 0 12px 32px rgba(20, 20, 20, 0.14);
}

:root, :root[data-theme="light"] {
  --sudx-background: var(--sudx-paper);
  --sudx-surface: var(--sudx-panel);
  --sudx-surface-quiet: var(--sudx-ivory);
  --sudx-sidebar: var(--sudx-ivory);
  --sudx-border: var(--sudx-hairline);
  --sudx-active: var(--sudx-panel);
  --sudx-text: var(--sudx-ink);
  --sudx-text-muted: var(--sudx-muted);
  --sudx-text-tertiary: var(--sudx-muted);
  --sudx-accent: var(--sudx-clay);
  --sudx-accent-hover: var(--sudx-clay-hover);
  --sudx-cost-up: var(--sudx-cost-up-light);
  --sudx-cost-down: var(--sudx-cost-down-light);
  --sudx-warning: var(--sudx-warning-light);
  --sudx-projected: var(--sudx-projected-light);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --sudx-background: var(--sudx-background-dark);
    --sudx-surface: var(--sudx-panel-dark);
    --sudx-surface-quiet: var(--sudx-sidebar-dark);
    --sudx-sidebar: var(--sudx-sidebar-dark);
    --sudx-border: var(--sudx-hairline-dark);
    --sudx-active: var(--sudx-active-dark);
    --sudx-text: var(--sudx-ink-dark);
    --sudx-text-muted: var(--sudx-muted-dark);
    --sudx-text-tertiary: var(--sudx-tertiary-dark);
    --sudx-accent: var(--sudx-clay-dark);
    --sudx-accent-hover: var(--sudx-clay-dark);
    --sudx-cost-up: var(--sudx-cost-up-dark);
    --sudx-cost-down: var(--sudx-cost-down-dark);
    --sudx-warning: var(--sudx-warning-dark);
    --sudx-projected: var(--sudx-projected-dark);
  }
}

:root[data-theme="dark"] {
  --sudx-background: var(--sudx-background-dark);
  --sudx-surface: var(--sudx-panel-dark);
  --sudx-surface-quiet: var(--sudx-sidebar-dark);
  --sudx-sidebar: var(--sudx-sidebar-dark);
  --sudx-border: var(--sudx-hairline-dark);
  --sudx-active: var(--sudx-active-dark);
  --sudx-text: var(--sudx-ink-dark);
  --sudx-text-muted: var(--sudx-muted-dark);
  --sudx-text-tertiary: var(--sudx-tertiary-dark);
  --sudx-accent: var(--sudx-clay-dark);
  --sudx-accent-hover: var(--sudx-clay-dark);
  --sudx-cost-up: var(--sudx-cost-up-dark);
  --sudx-cost-down: var(--sudx-cost-down-dark);
  --sudx-warning: var(--sudx-warning-dark);
  --sudx-projected: var(--sudx-projected-dark);
}