/* tokens.css — design tokens (alleen variabelen). Exact uit de bouwbriefing §4. */
:root {
  --color-background: #260509;
  --color-background-deep: #1C0307;
  --color-surface: #39080F;
  --color-surface-raised: #500D17;
  --color-red-accent: #811525;

  --color-gold: #D2A64F;
  --color-gold-light: #E9CD84;
  --color-gold-dark: #8F692A;

  --color-text-primary: #F7F0E4;
  --color-text-body: #E8DDD0;
  --color-text-muted: #BDAEA2;
  --color-text-dark: #250509;

  --font-display: "Cormorant Garamond", Georgia, serif;
  --font-accent: "Cinzel", Georgia, serif;
  --font-body: "Manrope", Arial, sans-serif;

  --radius-button: 14px;
  --radius-card: 18px;
  --border-gold: rgba(210, 166, 79, 0.28);

  /* ritme */
  --space-page: clamp(20px, 5vw, 24px);
  --space-section: clamp(68px, 12vw, 88px);
  --max-content: 1120px;
  --max-text: 720px;
}