:root {
  --bg-base: #FAF7F0;
  --bg-elevated: #FFFFFF;
  --bg-subtle: #F0EBE0;
  --text-primary: #1A1A1A;
  --text-secondary: #555048;
  --text-muted: #8A8278;
  --brand-primary: #1F3A2E;
  --brand-accent: #A87C3E;
  --border: #E5DDD0;
  --link: #1F3A2E;
  --link-hover: #A87C3E;

  --font-serif-cjk: "Noto Serif TC", serif;
  --font-sans-cjk: "Noto Sans TC", sans-serif;
  --font-serif-latin: "Cormorant Garamond", "Noto Serif TC", serif;
  --font-sans-latin: "Inter", "Noto Sans TC", sans-serif;
  --font-mono: "JetBrains Mono", "Courier New", monospace;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --space-7: 4rem;
  --space-8: 6rem;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;

  --max-content: 720px;
  --max-article: 1080px;
  --max-page: 1280px;
}

[data-theme="dark"] {
  --bg-base: #0F1419;
  --bg-elevated: #1A2028;
  --bg-subtle: #232A35;
  --text-primary: #E8E0D0;
  --text-secondary: #B5AC9E;
  --text-muted: #7A7468;
  --brand-primary: #4A8B6E;
  --brand-accent: #C49656;
  --border: #2D3540;
  --link: #C49656;
  --link-hover: #E8B870;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg-base: #0F1419;
    --bg-elevated: #1A2028;
    --bg-subtle: #232A35;
    --text-primary: #E8E0D0;
    --text-secondary: #B5AC9E;
    --text-muted: #7A7468;
    --brand-primary: #4A8B6E;
    --brand-accent: #C49656;
    --border: #2D3540;
    --link: #C49656;
    --link-hover: #E8B870;
  }
}