:root {
    color-scheme: light;
    --color-surface: #F6F4EF;
    --color-surface-raised: #FFFFFF;
    --color-accent-band: #EFEBE0;
    --color-primary: #2F3B2E;
    --color-brand: #7A6B4F;
    --color-brand-strong: #5F5339;
    --color-brand-tint: rgba(122, 107, 79, 0.10);
    --color-brand-tint-strong: rgba(122, 107, 79, 0.18);
    --color-secondary: #3E6B5A;
    --color-secondary-tint: rgba(62, 107, 90, 0.10);
    --color-text: #2A2620;
    --color-muted: #6B6459;
    --color-faint: #8C8577;
    --color-border: #E5E0D4;
    --color-border-strong: #D6CFBE;
    --color-success: #3E7A4F;
    --color-warning: #A8712A;
    --color-danger: #B0483C;
    --color-success-tint: rgba(62, 122, 79, 0.10);
    --color-warning-tint: rgba(168, 113, 42, 0.10);
    --color-danger-tint: rgba(176, 72, 60, 0.10);
    --color-on-primary: #FBFAF6;
    --color-nav-bg: rgba(246, 244, 239, 0.90);
    --color-white: #FFF;
    --btn--secondary-color: #FBFAF6;
    --btn--secondary-background: #345A4B;
    --font-display: 'DM Sans', 'Inter', -apple-system, sans-serif;
    --font-body: 'Inter', -apple-system, sans-serif;
    --font-mono: 'JetBrains Mono', 'Courier New', monospace;
    --sp-1: 4px;
    --sp-2: 8px;
    --sp-3: 12px;
    --sp-4: 16px;
    --sp-6: 24px;
    --sp-8: 32px;
    --sp-12: 48px;
    --sp-16: 64px;
    --sp-24: 96px;
    --radius-sm: 10px;
    --radius-md: 20px;
    --radius-lg: 28px;
    --radius-pill: 999px;
    --shadow-card: 0 1px 2px rgba(42, 38, 32, 0.05), 0 10px 28px -16px rgba(42, 38, 32, 0.14);
    --shadow-raised: 0 6px 24px -6px rgba(42, 38, 32, 0.20);
}

[data-theme="dark"] {
    color-scheme: dark;
    --color-surface: #171814;
    --color-surface-raised: #20211D;
    --color-accent-band: #24251F;
    --color-primary: #F1EEE5;
    --color-brand: #B7A77D;
    --color-brand-strong: #D0BF91;
    --color-brand-tint: rgba(183, 167, 125, 0.12);
    --color-brand-tint-strong: rgba(183, 167, 125, 0.20);
    --color-secondary: #78A994;
    --color-secondary-tint: rgba(120, 169, 148, 0.12);
    --color-text: #E8E5DC;
    --color-muted: #AAA59A;
    --color-faint: #7F7B72;
    --color-border: #35362F;
    --color-border-strong: #46473E;
    --color-success: #75B485;
    --color-warning: #D09A52;
    --color-danger: #D87569;
    --color-success-tint: rgba(117, 180, 133, 0.12);
    --color-warning-tint: rgba(208, 154, 82, 0.12);
    --color-danger-tint: rgba(216, 117, 105, 0.12);
    --color-on-primary: #171814;
    --color-nav-bg: rgba(23, 24, 20, 0.90);
    --color-white: #FFFFFF;
    --btn--secondary-color: #F1EEE5;
    --btn--secondary-background: #477561;
    --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.20), 0 10px 28px -16px rgba(0, 0, 0, 0.45);
    --shadow-raised: 0 6px 24px -6px rgba(0, 0, 0, 0.55);
}