:root {
  --bg-primary: #fffaf5;
  --bg-secondary: #f7ebe1;
  --bg-surface: #ffffff;
  --bg-deep: #22120b;
  --text-primary: #2a1a12;
  --text-secondary: #6b5447;
  --text-inverse: #fff6ee;
  --text-inverse-muted: #e8cdbb;
  --accent: #b4441c;
  --accent-strong: #8a2f10;
  --accent-glow: #f5576c;
  --accent-soft: #f6d3bb;
  --line: rgba(42, 26, 18, 0.12);
  --grad-front: linear-gradient(135deg, #2e160c 0%, #6b2610 55%, #b4441c 100%);
  --grad-warm: linear-gradient(135deg, #fff4ea 0%, #fbe1cd 100%);
  --grad-blush: linear-gradient(160deg, #fdf0e8 0%, #f8d9d2 100%);
  --grad-ember: linear-gradient(135deg, #b4441c 0%, #f5576c 100%);
  --font-body: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --font-head: "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;
  --radius: clamp(0.6rem, 1vw, 0.875rem);
  --radius-soft: 12px;
  --wrap: clamp(20rem, 92vw, 74rem);
  --gap: clamp(1rem, 2.4vw, 1.75rem);
  --space-s: clamp(0.75rem, 1.6vw, 1rem);
  --space-m: clamp(1.25rem, 3vw, 2rem);
  --space-l: clamp(2rem, 5vw, 3.5rem);
  --space-xl: clamp(3rem, 7vw, 5.5rem);
  --collar-h: clamp(6.25rem, 12vw, 7.25rem);
  --speed: 0.25s ease;
}

[data-theme="dark"] {
  --bg-primary: #1c110c;
  --bg-secondary: #2a1911;
  --bg-surface: #33201a;
  --text-primary: #fbefe6;
  --text-secondary: #d6bcad;
  --accent: #e2733f;
  --accent-strong: #f09a6c;
  --accent-glow: #f093fb;
  --line: rgba(255, 240, 230, 0.14);
}