/* ============================================================
   Zentrale Marken- & Design-Tokens für fehrenbach.cc
   Hier EINMAL ändern -> wirkt auf allen eingebundenen Seiten.
   Eingebunden per <link rel="stylesheet" href="tokens.css">
   ============================================================ */
:root{
  /* Markenfarbe (Petrol) – der eine Wert, den du normalerweise änderst */
  --brand:#16a3a3;
  --brand-deep:#0e7a7a;

  /* Schema A: Seiten, die --accent nutzen (index-Unterseiten, boerse, consulting, handball, technik …) */
  --accent:var(--brand);
  --accent-deep:var(--brand-deep);
  --accent-glow:rgba(22,163,163,.35);

  /* Schema B: Seiten, die --petrol nutzen (boerse-performance, porsche-tour, claude-*, gravel-bike …) */
  --petrol:var(--brand);
  --petrol-dim:rgba(22,163,163,.10);

  /* Akzent Gold */
  --gold:#d8a657;
  --gold-dim:rgba(216,166,87,.10);

  /* Marken-Dunkel + Layout-Grundwerte */
  --bg:#0a0a0b;
  --bg-soft:#141416;
  --radius:18px;
  --maxw:1180px;

  /* Flächen & Text (Schema A – Content-Seiten mit --surface/--ink/--line) */
  --surface:#0a0a0b;
  --surface-soft:#161618;
  --ink:#e8edec;
  --ink-soft:#9fb1af;
  --line:rgba(255,255,255,.12);

  /* Display-Schrift (Überschriften) + Standard-Fließtext */
  --font-display:'Fraunces',Georgia,serif;
  --font-body:'Inter Tight',system-ui,sans-serif;
}