:root, [data-theme="light"]{
--surface: #FAFAF8;
--surface-raised: #FFFFFF;
--surface-soft: #F0F2EF;
--sand: #E5CDAB;
--sand-sweep: #F0F2EF;
--sand-deep: #CDB08A;
--ink: #0D171D;
--ink-muted: #58646B;
--on-sand: #0D171D;
--on-sand-muted: #5A5244;
--line: #D8DDDF;
--line-strong: #7C878E;
--sand-line-strong: #7D6A50;
--action: #0D171D;
--on-action: #FFFFFF;
--focus: #0D171D;
--focus-on-sand: #0D171D;
--danger: #A3241B;
--success: #1F3E91;
--link: var(--ink);
--filament-sand: #DCBF9E;
--filament-cobalt: #1F3E91;
--filament-olive: #4E4C23;
--filament-red: #C0161E;
--filament-yellow: #F6C221;
--filament-black: #363636;
--filament-white: #F5F4F4;
--filament-purple: #543F7A;
--shadow-lift: 0 24px 48px -24px rgba(13, 23, 29, 0.35);
}
[data-theme="dark"]{
--surface: #0D171D;
--surface-raised: #16232A;
--surface-soft: #16232A;
--sand-sweep: #DDC3A4;
--ink: #F2E6D5;
--ink-muted: #B5A68F;
--line: #26343B;
--line-strong: #71828A;
--action: #E5CDAB;
--on-action: #0D171D;
--focus: #E5CDAB;
--danger: #FF9C8F;
--success: #A9BCFF;
--shadow-lift: 0 24px 48px -16px rgba(0, 0, 0, 0.65);
}
:root{
--space-4: 4px;
--space-8: 8px;
--space-12: 12px;
--space-16: 16px;
--space-24: 24px;
--space-32: 32px;
--space-48: 48px;
--space-64: 64px;
--space-96: 96px;
--space-128: 128px;
--radius-0: 0px;
--radius-nub: 3px;
--radius-card: 12px;
--radius-full: 999px;
--container-max: 1440px;
--measure: 68ch;
--gutter-sm: 16px;
--gutter-lg: 32px;
--grid-columns: 12;
--header-height: 72px;
--tap-min: 48px;
--z-header: 100;
--z-drawer: 200;
--z-modal: 300;
--z-toast: 400;
--font-sans: "Bricolage Grotesque", "Helvetica Neue", Arial, sans-serif;
--font-mono: "Martian Mono", ui-monospace, Menlo, monospace;
--font-fa-display: Vazirmatn, Tahoma, sans-serif;
--font-fa-text: Vazirmatn, Tahoma, sans-serif;
}