/* HoloFreaks-Markenwerte (20.10.2026), einzige Quelle für die Web-App. Aus dem Logo gemessen, Brand Kit docs/brand/holofreaks.
   Das Kit führt dieselben --hf-*-Werte in docs/brand/holofreaks/holofreaks-tokens.css; tools/token-paritaet.py hält beide gleich
   (läuft im Web-Deploy). Rollen (Handlung, Fläche, Text) setzt stil.css über die bisherigen Namen. */
:root {
  /* Marke, aus dem Logo */
  --hf-nacht: #070d1f;        /* Grund dunkel (Logo-Grund #010510, leicht angehoben) */
  --hf-nacht-2: #0d1630;      /* Fläche dunkel: Karten, Leisten */
  --hf-nacht-3: #16224a;      /* Fläche dunkel, gehoben: Hover, Eingaben */
  --hf-stahl: #4c6198;        /* Kontur und Linien, nie Text (3,2:1 auf Nacht) */
  --hf-stahl-hell: #8a9cc9;   /* Zweittext auf Dunkel */
  --hf-eis: #60cbf1;          /* Handlungsfarbe auf Dunkel: Knöpfe, Links, Fokus */
  --hf-eis-dunkel: #3fb0dc;   /* Hover der Handlungsfarbe auf Dunkel */
  --hf-eis-tief: #0a6fa3;     /* Handlungsfarbe auf Hell (5,5:1 auf Weiß) */
  --hf-eisweiss: #eaf9fa;     /* Text auf Dunkel */
  --hf-glut: #ffc24a;         /* Feuer-Gold: Sterne, Bestwerte, Auszeichnungen (Brücke zum alten Gelb #ffc21a) */
  --hf-feuer: #ff6a2a;        /* Feuer-Orange: Live, Hot, Badges. Selten. Nie für Verlust */
  --hf-feuer-tief: #c2410c;   /* Feuer auf Hell */

  /* Bedeutung, getrennt von der Marke */
  --hf-gewinn: #2bd47d;       /* auf Dunkel */
  --hf-gewinn-tief: #157a45;  /* auf Hell */
  --hf-verlust: #ff5470;      /* auf Dunkel */
  --hf-verlust-tief: #c81e3a; /* auf Hell */

  /* Hell */
  --hf-papier: #ffffff;
  --hf-papier-2: #f4f7fb;
  --hf-linie-hell: #e2e7f0;
  --hf-tinte: #0b1226;
  --hf-tinte-2: #556079;

  /* Markenverlauf: Eis → Feuer, wie das Logo von links nach rechts. Nur Markenflächen (Hero-Kante, Folienrand, Mail-Kopf) */
  --hf-verlauf-marke: linear-gradient(100deg, var(--hf-eis) 0%, #a8e6ff 42%, var(--hf-glut) 74%, var(--hf-feuer) 100%);
  --hf-verlauf-chrom: linear-gradient(180deg, #ffffff 0%, #d6eef9 48%, #2f7fd0 50%, #7fd6f5 100%);

  /* Schrift. Auf der Website selbst gehostet, nie von fonts.googleapis.com (DSGVO, LG München I, 3 O 17493/20) */
  --hf-schrift-marke: "Unbounded", "Inter", system-ui, sans-serif;
  --hf-schrift-text: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --hf-schrift-mono: ui-monospace, SFMono-Regular, Menlo, monospace;

  --hf-radius: 14px;
  --hf-radius-klein: 8px;
  --hf-radius-pille: 999px;
  --hf-abstand: 8px;          /* Raster: Vielfache von 8 */
  --hf-breite: 1180px;
  --hf-schatten: 0 10px 30px rgba(7, 13, 31, 0.18);
}