/* Generated from @cyaios/design; run npm run design:generate. */
:root {
  --ds-font-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ds-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --ds-font-display: Georgia, "Times New Roman", serif;
  --ds-radius-sm: 8px;
  --ds-radius-md: 12px;
  --ds-radius-lg: 18px;
  --ds-radius-pill: 999px;
  --ds-motion-fast: 120ms;
  --ds-motion-base: 220ms;
  --ds-motion-slow: 1.1s;
  --ds-space-1: 4px;
  --ds-space-2: 8px;
  --ds-space-3: 12px;
  --ds-space-4: 16px;
  --ds-space-5: 20px;
  --ds-space-6: 24px;
  --ds-space-8: 32px;
  --ds-space-12: 48px;
  --ds-text-xs: 12px;
  --ds-text-sm: 14px;
  --ds-text-base: 16px;
  --ds-control-height: 44px;
  --font-sans: var(--ds-font-sans);
  --font-mono: var(--ds-font-mono);
  --font-display: var(--ds-font-display);
  --radius-sm: var(--ds-radius-sm);
  --radius-md: var(--ds-radius-md);
  --radius-lg: var(--ds-radius-lg);
  --radius-pill: var(--ds-radius-pill);
  --motion-fast: var(--ds-motion-fast);
  --motion-base: var(--ds-motion-base);
  --motion-slow: var(--ds-motion-slow);
  --space-1: var(--ds-space-1);
  --space-2: var(--ds-space-2);
  --space-3: var(--ds-space-3);
  --space-4: var(--ds-space-4);
  --space-5: var(--ds-space-5);
  --space-6: var(--ds-space-6);
  --space-8: var(--ds-space-8);
  --space-12: var(--ds-space-12);
  --text-xs: var(--ds-text-xs);
  --text-sm: var(--ds-text-sm);
  --text-base: var(--ds-text-base);
  --control-height: var(--ds-control-height);
  --color-bg: var(--ds-color-bg);
  --color-paper: var(--ds-color-paper);
  --color-panel: var(--ds-color-panel);
  --color-surface: var(--ds-color-surface);
  --color-surface-2: var(--ds-color-surface-2);
  --color-rail: var(--ds-color-rail);
  --color-ink: var(--ds-color-ink);
  --color-ink-2: var(--ds-color-ink-2);
  --color-muted: var(--ds-color-muted);
  --color-hairline: var(--ds-color-hairline);
  --color-border-control: var(--ds-color-border-control);
  --color-accent: var(--ds-color-accent);
  --color-accent-soft: var(--ds-color-accent-soft);
  --color-on-accent: var(--ds-color-on-accent);
  --color-ok: var(--ds-color-ok);
  --color-ok-soft: var(--ds-color-ok-soft);
  --color-warm: var(--ds-color-warm);
  --color-warm-soft: var(--ds-color-warm-soft);
  --color-danger: var(--ds-color-danger);
  --color-danger-soft: var(--ds-color-danger-soft);
  --rail-ink: var(--ds-rail-ink);
  --rail-muted: var(--ds-rail-muted);
  --grid-line: var(--ds-grid-line);
  --shadow-card: var(--ds-shadow-card);
}
:root, :root[data-theme="light"] {
  color-scheme: light;
  --ds-color-bg: #f4f6fb;
  --ds-color-paper: #f4f6fb;
  --ds-color-panel: #edf0f7;
  --ds-color-surface: #ffffff;
  --ds-color-surface-2: #f6f7fb;
  --ds-color-rail: #0b0d12;
  --ds-color-ink: #12151d;
  --ds-color-ink-2: #353b4b;
  --ds-color-muted: #687086;
  --ds-color-hairline: #dfe3ec;
  --ds-color-border-control: #7a8296;
  --ds-color-accent: #2563eb;
  --ds-color-accent-soft: #e7efff;
  --ds-color-on-accent: #ffffff;
  --ds-color-ok: #087a55;
  --ds-color-ok-soft: #e1f5ed;
  --ds-color-warm: #9b6200;
  --ds-color-warm-soft: #fff1d6;
  --ds-color-danger: #c73947;
  --ds-color-danger-soft: #ffe5e7;
  --ds-rail-ink: #f7f8fb;
  --ds-rail-muted: #8f96a8;
  --ds-grid-line: color-mix(in srgb, var(--color-ink) 5%, transparent);
  --ds-shadow-card: 0 1px 2px color-mix(in srgb, var(--color-ink) 6%, transparent), 0 12px 30px -16px color-mix(in srgb, var(--color-ink) 22%, transparent);
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --ds-color-bg: #07080b;
  --ds-color-paper: #07080b;
  --ds-color-panel: #101218;
  --ds-color-surface: #151821;
  --ds-color-surface-2: #1d2230;
  --ds-color-rail: #0c0e14;
  --ds-color-ink: #f7f8fb;
  --ds-color-ink-2: #d6d9e2;
  --ds-color-muted: #98a0b3;
  --ds-color-hairline: #2a3040;
  --ds-color-border-control: #596176;
  --ds-color-accent: #6ea8ff;
  --ds-color-accent-soft: #14294a;
  --ds-color-on-accent: #07080b;
  --ds-color-ok: #55d6a0;
  --ds-color-ok-soft: #102d25;
  --ds-color-warm: #f5b95f;
  --ds-color-warm-soft: #332710;
  --ds-color-danger: #ff7b72;
  --ds-color-danger-soft: #351a1e;
  --ds-rail-ink: #f7f8fb;
  --ds-rail-muted: #8f96a8;
  --ds-grid-line: color-mix(in srgb, var(--color-ink) 5%, transparent);
  --ds-shadow-card: 0 1px 2px color-mix(in srgb, var(--color-bg) 16%, transparent), 0 22px 56px -30px color-mix(in srgb, var(--color-bg) 58%, transparent);
}