/* tokens.css — zentrale Design-Variablen der Alpcron-Website.
   Einzige Quelle für Farben, Typografie-Skalen und Abstände. Nirgends hardcoden. */
:root {
  /* Gold-Palette */
  --gold: #C8A15A;
  --gold-bright: #E6C783;  /* Glanzlichter, Verläufe */
  --gold-dark: #A6823F;    /* Hover/aktiv auf Gold */
  --gold-text: #8C6D34;    /* AA-sicherer Goldton für Text auf hellen Flächen (4.8:1) */

  /* Warmes Schwarz & warme Helligkeit */
  --ink: #0E0C09;          /* Basis der dunklen Momente */
  --ink-2: #1C1712;        /* Karten/Flächen auf Ink */
  --ink-3: #2A2117;        /* warmer Gradient-Endpunkt */
  --cream: #FAF6EF;        /* Seitenhintergrund hell */
  --sand: #F1E8D8;         /* abgesetzte helle Flächen */
  --white: #FFFFFF;

  --gray-700: #4A4238;     /* Sekundärtext auf hell (warm) */
  --gray-400: #94897B;     /* Captions, Meta */
  --line: #E5DCCB;         /* Trennlinien auf hell */
  --line-dark: rgba(230, 199, 131, .18);  /* Trennlinien auf Ink */
  --text-on-ink: rgba(255, 251, 243, .94);
  --muted-on-ink: rgba(255, 251, 243, .68);
  --gold-tint: rgba(200, 161, 90, .1);

  /* Verläufe (dunkle Momente + Gold-Flächen) */
  --grad-ink: linear-gradient(160deg, var(--ink-3) 0%, var(--ink) 55%, #060504 100%);
  --grad-gold: linear-gradient(135deg, var(--gold-bright) 0%, var(--gold) 45%, var(--gold-dark) 100%);
  --glow-gold: radial-gradient(closest-side, rgba(200, 161, 90, .38), transparent 70%);

  /* Typografie */
  --font-display: "Fraunces", Georgia, serif;
  --font-body: "Inter", system-ui, -apple-system, sans-serif;
  --fs-hero: clamp(2.8rem, 6vw, 5.25rem);
  --fs-h2: clamp(2rem, 4vw, 3.4rem);
  --fs-h3: 1.35rem;
  --fs-lead: clamp(1.1rem, 1.6vw, 1.3rem);
  --fs-body: 1.0625rem;
  --fs-small: .875rem;
  --fs-kicker: .8125rem;
  --fs-ghost: clamp(5rem, 12vw, 9rem);   /* Ghost-Nummern hinter Karten */
  --lh-body: 1.65;
  --lh-tight: 1.05;

  /* Layout */
  --maxw: 1200px;
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --section-y: clamp(5.5rem, 9vw, 9rem);
  --radius: 18px;
  --radius-arch: 999px 999px 18px 18px;  /* Rundbogen-Portraits */
  --shadow: 0 12px 34px rgba(30, 22, 10, .08);
  --shadow-lift: 0 24px 60px rgba(30, 22, 10, .14);
  --shadow-gold: 0 10px 40px rgba(200, 161, 90, .35);

  /* Motion */
  --ease: cubic-bezier(.22, .61, .36, 1);
  --dur: .8s;
}