/* =========================================================================
   TOKENS — Oliver Albach Brand-Universum
   -------------------------------------------------------------------------
   Block A (FAMILIE) kommt aus assets/shared/tokens.css (Quelle: /_shared)
   und wird davor geladen. Hier steht nur Block B (MARKE) — SURGE.
   ========================================================================= */

/* ------------------------------------------------------------------ B ----
   MARKE — SURGE
   Ein Grund, ein Akzent. --accent wird zur Laufzeit aus der Farbwelt des
   nächsten Events gesetzt (assets/js/events.js). Default = Weinrot.
   ------------------------------------------------------------------------ */
:root {
  --bg: #0a0a0a;
  --bg-raise: #0f0f0f;
  --fg: #f2f0ec;
  --fg-dim: #8a8782;
  --fg-mute: #6a6762;   /* >= 3:1 auf --bg, für grosse Schrift */
  --line: #232323;

  --accent: #7a1f2b;       /* Weinrot  — Default, solange kein Event gesetzt */
  --accent-lift: #b0434b;  /* aufgehellt, nur für Text auf Schwarz           */

  /* Display-Schriften — Surge-exklusiv */
  --font-display: "Bodoni Moda", "Didot", "Times New Roman", serif;
  --font-sans: "Archivo", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Farbwelten der Flyer — ausschließlich als Bildinhalt, nie als UI-Farbe.
   events.js setzt --accent auf einen dieser Werte, wenn ein Event gesetzt ist. */
:root {
  --world-wine: #7a1f2b;
  --world-moss: #3e5a3a;
  --world-cobalt: #2b3fb5;
  --world-rust: #8a4418;
  --world-magenta: #8a1f52;
  --world-violet: #4a2aa0;
  --world-petrol: #1f5a64;
  --world-bone: #6c6860;
}