:root {
  color-scheme: dark;
  --color-canvas: #050505;
  --color-canvas-warm: #0a0806;
  --color-surface: rgb(18 16 13 / 0.88);
  --color-surface-strong: #12100d;
  --color-surface-soft: rgb(255 248 233 / 0.035);
  --color-text: #f8f3e8;
  --color-text-soft: #c8c0b2;
  --color-text-muted: #968f84;
  --color-gold: #d5ae62;
  --color-gold-light: #f0d69b;
  --color-gold-dark: #7f602b;
  --color-border: rgb(213 174 98 / 0.2);
  --color-border-strong: rgb(213 174 98 / 0.42);
  --color-danger: #f0a7a2;
  --color-body: #c98857;
  --color-mind: #d5ae62;
  --color-spirit: #94a37e;
  --font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: Georgia, "Times New Roman", serif;
  --content-width: 72rem;
  --content-gutter: clamp(1rem, 4vw, 2.25rem);
  --radius-sm: 0.75rem;
  --radius-md: 1rem;
  --radius-lg: 1.75rem;
  --radius-pill: 999px;
  --shadow-panel: 0 2.5rem 6rem rgb(0 0 0 / 0.5);
  --motion-fast: 160ms;
  --motion-normal: 420ms;
  --motion-slow: 760ms;
  --motion-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
}