:root {
    color-scheme: light;
    --paper: #f7f4ee;
    --paper-warm: #efe9de;
    --surface: #fffdf9;
    --surface-strong: #ffffff;
    --ink: #171513;
    --ink-soft: #4e4943;
    --muted: #746d64;
    --line: #ded7cc;
    --line-strong: #c9beb0;
    --cinnabar: #a61f24;
    --cinnabar-dark: #7f1519;
    --cinnabar-soft: #f7e9e7;
    --gold: #aa8246;
    --success: #287a4b;
    --warning: #9a6414;
    --danger: #b4232a;
    --info: #376482;
    --focus-ring: rgba(166, 31, 36, .24);
    --disabled-opacity: .52;
    --color-background: var(--paper);
    --color-surface: var(--surface);
    --color-text: var(--ink);
    --color-text-muted: var(--muted);
    --color-border: var(--line);
    --color-primary: var(--cinnabar);
    --color-primary-hover: var(--cinnabar-dark);
    --color-accent: var(--gold);
    --shadow-sm: 0 1px 2px rgba(32, 25, 18, .05);
    --shadow-md: 0 12px 32px rgba(32, 25, 18, .08);
    --shadow-lg: 0 24px 64px rgba(32, 25, 18, .12);
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --radius-pill: 999px;
    --container: 1200px;
    --font-sans: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", system-ui, sans-serif;
    --font-serif: "Songti SC", "STSong", "Noto Serif CJK SC", serif;
    --ease: 180ms ease;
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;
    --space-8: 64px;
    --text-xs: .75rem;
    --text-sm: .875rem;
    --text-base: 1rem;
    --text-lg: 1.125rem;
    --text-xl: 1.5rem;
    --text-2xl: clamp(1.85rem, 4vw, 2.75rem);
    --z-nav: 30;
    --z-dropdown: 40;
    --z-drawer: 50;
    --z-modal: 60;
}

[data-theme="dark"] {
    color-scheme: dark;
    --paper: #201d19;
    --paper-warm: #29251f;
    --surface: #2a2621;
    --surface-strong: #342f29;
    --ink: #f7f1e8;
    --ink-soft: #d8d0c5;
    --muted: #b4aa9f;
    --line: #4a4239;
    --line-strong: #62574b;
    --cinnabar: #d64b4e;
    --cinnabar-dark: #ee696c;
    --cinnabar-soft: #3c2020;
    --gold: #cda86b;
    --focus-ring: rgba(214, 75, 78, .34);
}