:root {
  color-scheme: dark;
  --color-canvas: #091014;
  --color-canvas-deep: #050a0c;
  --color-surface: #101a1e;
  --color-surface-soft: #142126;
  --color-surface-frosted: rgb(24 35 39 / 0.82);
  --color-text: #f7f0e4;
  --color-muted: #c5bcae;
  --color-subtle: #918b82;
  --color-border: #344248;
  --color-border-warm: rgb(216 171 98 / 0.38);
  --color-primary: #d8ab62;
  --color-primary-hover: #f0d3a1;
  --color-primary-ink: #17120b;
  --color-focus: #f0d3a1;
  --color-error: #ff9d8f;
  --color-success: #a8d3b6;
  --shadow-soft: 0 1.5rem 4rem rgb(0 0 0 / 0.3);
  --shadow-warm: 0 1rem 3.5rem rgb(216 171 98 / 0.12);
  --radius-small: 0.75rem;
  --radius-medium: 1rem;
  --radius-large: 1.35rem;
  --space-1: 0.5rem;
  --space-2: 0.75rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --space-7: 4.5rem;
  --content-width: 42rem;
  --header-width: 72rem;
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", "Noto Serif TC", serif;
  --font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans TC", sans-serif;
}