/* =============================================================
   SV 1979 Hochheim — Design 2 "Präzision & Tradition"
   Design Tokens  ·  Single source of truth
   Publii-Theme-konform: später 1:1 als theme/assets/css/tokens.css
   =============================================================

   ---- FARB-GOVERNANCE (M6) ----------------------------------
   Verbindliche Regeln, welche Farbe wofuer eingesetzt wird.
   Near-Black (--ink*) + Pergament (--bone*) tragen ~90% der Flaeche.

   --ink / --ink-2 / --ink-3 : Buehne, Footer, dunkle Sektionen, Karten auf Dark.
   --bone / --bone-2         : helle Sektionen, Karten auf Light.
   --gold / --gold-bright    : EINZIGER Schmuck-Akzent. Eyebrows, Zahlen, Linien,
                               Icons, Marker, Fokus, Hover-Glow, Streukreis (M5).
   --red / --red-soft        : NUR primaere CTAs (.btn--primary) + minimaler
                               Hintergrund-Glow im Dark-Verlauf. Kein Fliesstext,
                               keine Flaechen, keine Links.
   --blue / --blue-bright    : NUR punktuell. Links im Fliesstext auf Light
                               (.prose a), Preis-Betonung, Chips auf Light.
   --green                   : tertiaer, nur punktuell (Natur-/Hochheim-Bezug).
   Text: --tx-d* auf Dark, --tx-l* auf Light. --gold fuer Text nur als Akzent.

   Verstoss-Audit Bestand: keine gefunden. Rot ist auf .btn--primary + Dark-Glow
   begrenzt, Blau nur auf Prose-Links/Chips/Preis, Gold traegt alle Ornamentik.
   ------------------------------------------------------------ */
:root{
  /* --- Bühne / Flächen --- */
  --ink:        #0E1014;   /* dunkle Bühne (Hero, Footer, Drama) */
  --ink-2:      #161A21;   /* erhöhte Fläche */
  --ink-3:      #1E232C;   /* Karte auf Dark */
  --bone:       #F5F1E8;   /* helle Sektion (Papier) */
  --bone-2:     #FBF9F4;   /* hellste Fläche / Karte auf Light */

  /* --- Marke (aus Vereinswappen abgeleitet) --- */
  --blue:       #1B3A6B;   /* Heritage-Navy, Primär */
  --blue-bright:#3C7DDD;   /* Link / kühler Akzent */
  --red:        #C8102E;   /* Heraldik-Rot, Energie / CTA */
  --red-soft:   #E23A52;
  --gold:       #C9A24A;   /* Messing / Präzision / Pokal */
  --gold-bright:#E0BE63;
  --green:      #2E6B3E;   /* Natur / Hochheim, tertiär */

  /* --- Text --- */
  --tx-d:       #EFEDE7;   /* Text auf Dark */
  --tx-d-mut:   #9AA3AF;   /* gedämpft auf Dark */
  --tx-l:       #14161A;   /* Text auf Light */
  --tx-l-mut:   #5A6270;   /* gedämpft auf Light */

  /* --- Linien --- */
  --line-d:     rgba(255,255,255,.10);
  --line-l:     #E4DECF;

  /* --- Typografie --- */
  --f-display:  "Fraunces", "Newsreader", Georgia, "Times New Roman", serif;
  --f-ui:       "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --f-mono:     ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* fluide Typo-Skala
     M2: Display-Maxima spuerbar angehoben (mehr Kontrast auf grossen Screens),
     min/vw unveraendert -> Mobile bleibt gleich, Klassen unveraendert. */
  --fs-display: clamp(40px, 7.4vw, 96px);   /* Hero H1  (84 -> 96) */
  --fs-h1:      clamp(32px, 5.4vw, 68px);   /* Section-/Page-Titel (60 -> 68) */
  --fs-h2:      clamp(26px, 3.7vw, 50px);   /* (44 -> 50) */
  --fs-h3:      clamp(20px, 2.2vw, 26px);
  --fs-lead:    clamp(17px, 1.6vw, 20px);
  --fs-body:    17px;
  --fs-small:   14px;
  --fs-eyebrow: 11.5px;                     /* M2: kleiner (12.5 -> 11.5) */
  --ls-eyebrow: .26em;                      /* M2: mehr Sperrung (war .2em) */

  /* --- Spacing (Basis 4px) --- */
  --s-1:4px;  --s-2:8px;  --s-3:12px; --s-4:16px; --s-5:24px;
  --s-6:32px; --s-7:48px; --s-8:64px; --s-9:96px; --s-10:128px; --s-11:160px;
  --container: 1200px;
  --container-narrow: 760px;

  /* --- Radius --- */
  --r-sm:8px; --r-md:12px; --r-lg:18px; --r-xl:26px; --r-pill:999px;

  /* --- Elevation: Dark = Glow, Light = weiche Schatten --- */
  --glow-gold: 0 0 0 1px rgba(201,162,74,.35), 0 18px 50px -20px rgba(201,162,74,.45);
  --glow-red:  0 0 0 1px rgba(226,58,82,.45),  0 18px 50px -18px rgba(200,16,46,.55);
  --shadow-1:  0 1px 3px rgba(20,22,26,.08), 0 1px 2px rgba(20,22,26,.06);
  --shadow-2:  0 10px 30px -12px rgba(20,22,26,.22);
  --shadow-d1: 0 1px 0 rgba(255,255,255,.04), 0 12px 32px -16px rgba(0,0,0,.7);

  /* --- Motion --- */
  --ease-out:  cubic-bezier(.18,.9,.22,1);
  --ease-soft: cubic-bezier(.4,0,.2,1);
  --dur-fast:  .18s;
  --dur:       .35s;
  --dur-slow:  .6s;
}