:root{
  /* Markenfarbe (Petrol) — bleibt als Wiedererkennung zu Andi/Fehrenbach,
     wandert hier aber vom dunklen Grundton zur Akzentfarbe auf hellem Grund */
  --brand:#16a3a3;
  --brand-deep:#0e7a7a;
  --accent:var(--brand);
  --accent-deep:var(--brand-deep);
  --accent-glow:rgba(22,163,163,.16);

  /* Akzent Gold — zweiter Akzent für Highlights/Badges */
  --gold:#d8a657;
  --gold-deep:#b5842f;
  --gold-dim:rgba(216,166,87,.14);

  /* Grundstimmung: hell, warm, papierig statt dunkel/corporate */
  --bg:#faf6f0;
  --bg-soft:#f2ecdf;
  --surface:#ffffff;
  --surface-soft:#fbf8f2;
  --ink:#241f1a;
  --ink-soft:#6b6259;
  --line:rgba(36,31,26,.12);

  --radius:22px;
  --radius-sm:14px;
  --maxw:1180px;

  /* Vier Themenfarben — leichte Tints für die Kacheln auf der Startseite */
  --tech:#3d6ee0;
  --tech-tint:rgba(61,110,224,.10);
  --handball:#e0573d;
  --handball-tint:rgba(224,87,61,.10);
  --boerse:#2f9e5c;
  --boerse-tint:rgba(47,158,92,.10);
  --abenteuer:#c98a1f;
  --abenteuer-tint:rgba(201,138,31,.12);

  /* Schriften — bleiben, der Wechsel passiert über Farbe/Licht, nicht über Type */
  --font-display:'Fraunces',Georgia,serif;
  --font-body:'Inter Tight',system-ui,sans-serif;
}