:root {
--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
--text-xs: 0.8125rem;
--text-sm: 0.9375rem;
--text-base: 1rem;
--text-lg: 1.25rem;
--text-xl: 1.625rem;
--text-2xl: 2.25rem;
--text-3xl: 3rem;
--space-1: 0.25rem;
--space-2: 0.5rem;
--space-3: 0.75rem;
--space-4: 1rem;
--space-5: 1.5rem;
--space-6: 2rem;
--space-7: 3rem;
--space-8: 4.5rem;
--radius-sm: 6px;
--radius-md: 10px;
--radius-lg: 16px;
--focus-width: 3px;
--focus-offset: 2px;
--elevation-1: 0 1px 2px rgb(0 0 0 / 0.08);
--elevation-2: 0 8px 24px rgb(0 0 0 / 0.14);
--bg: #f6f3ec;
--surface: #fcfbf8;
--text: #16202e;
--text-muted: #5f6776;
--border: #e0dacd;
--accent: var(--brand-accent);
--on-accent: var(--brand-on-accent);
--link: #b4471f;
--danger: #a8271d;
--success: #1e6b3a;
--warning: #7a4b00;
--warning-bg: #fbebd1;
--focus-ring: #b4471f;
}
[data-theme="dark"] {
--bg: #121a26;
--surface: #1a2433;
--text: #eae6dc;
--text-muted: #a8afbc;
--border: #344052;
--link: #e8875e;
--danger: #ff8a80;
--success: #6fd49a;
--warning: #f2c36b;
--warning-bg: #2c2410;
--focus-ring: #f2b59a;
--elevation-1: 0 1px 2px rgb(0 0 0 / 0.5);
--elevation-2: 0 8px 24px rgb(0 0 0 / 0.6);
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) {
--bg: #121a26;
--surface: #1a2433;
--text: #eae6dc;
--text-muted: #a8afbc;
--border: #344052;
--link: #e8875e;
--danger: #ff8a80;
--success: #6fd49a;
--warning: #f2c36b;
--warning-bg: #2c2410;
--focus-ring: #f2b59a;
--elevation-1: 0 1px 2px rgb(0 0 0 / 0.5);
--elevation-2: 0 8px 24px rgb(0 0 0 / 0.6);
}
}