:root {
  --cm-bg: #050403;
  --cm-bg-2: #0b0805;
  --cm-surface: rgba(18, 13, 8, 0.86);
  --cm-surface-2: rgba(38, 27, 15, 0.76);
  --cm-surface-3: rgba(67, 46, 24, 0.68);
  --cm-gold: #c8a15b;
  --cm-gold-2: #e0c27d;
  --cm-gold-dark: #7d5a2d;
  --cm-bronze: #9b7038;
  --cm-text: #fff7e8;
  --cm-text-soft: #decbaa;
  --cm-muted: #a78f6c;
  --cm-line: rgba(200, 161, 91, 0.28);
  --cm-line-strong: rgba(224, 194, 125, 0.58);
  --cm-black: #030303;
  --cm-danger: #d5533a;
  --cm-success: #b4d46b;

  --font-title: "Cinzel", Georgia, serif;
  --font-serif: "Cormorant Garamond", Georgia, serif;
  --font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;

  --radius-6: 6px;
  --radius-10: 10px;
  --radius-14: 14px;
  --radius-20: 20px;

  --shadow-gold: 0 0 0 1px rgba(200, 161, 91, 0.25), 0 18px 55px rgba(0, 0, 0, 0.55);
  --shadow-soft: 0 18px 60px rgba(0, 0, 0, 0.38);
  --container: min(100% - 32px, 1120px);
}