/* ==========================================================================
   Pölzl Fire Campus – Design-Tokens
   Grundlage: Corporate Identity Version 1.1, Juli 2026
   Diese Datei ist die einzige Quelle für Farben, Schrift und Abstände.
   Sie wird später 1:1 in das WordPress-Theme übernommen.
   ========================================================================== */

:root {

  /* ── Farben · CI 1.1 ────────────────────────────────────────────────── */
  --campus:       #00C46E;   /* Primärakzent · Logo · Fortschritt · Nachhaltigkeit */
  --campus-dark:  #00A95F;   /* Hover-Zustand, Text auf hellen Flächen */
  --campus-soft:  rgba(0, 196, 110, 0.10);

  --blaze:        #FF6B35;   /* Sekundärakzent · laufende Prozesse · Energie */
  --blaze-dark:   #EC5A24;
  --blaze-soft:   #FFF0EA;

  --ink:          #1A1A2E;   /* Texte · Navigation · Struktur */
  --ink-2:        #232338;   /* Flächen auf Ink */
  --ink-line:     #2C2C44;   /* Trennlinien auf Ink */
  --ink-70:       #4A4A5E;   /* Fließtext */
  --ink-45:       #7E7E8E;   /* Sekundärtext, Beschriftungen */
  --ink-25:       #B4B4C0;   /* Deaktiviert */

  --linen:        #F5F5F0;   /* Haupthintergrund */
  --mint:         #E6FFF5;   /* Erfolgsfläche · Nachhaltigkeit */
  --mint-mid:     #C8F5E4;   /* Rahmen auf Mint */
  --surface:      #E8E8E2;   /* Karten · Trennlinien */
  --white:        #FFFFFF;

  /* Auf dunklem Grund */
  --on-ink:       #FFFFFF;
  --on-ink-70:    #9797A6;
  --on-ink-45:    #6A6A7E;

  /* ── Schrift ────────────────────────────────────────────────────────── */
  --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, monospace;

  --fs-display: 58px;   /* Hero */
  --fs-h1:      44px;
  --fs-h2:      38px;
  --fs-h3:      18px;
  --fs-lead:    17.5px;
  --fs-body:    16px;
  --fs-sm:      13.5px;
  --fs-xs:      12px;
  --fs-label:   11px;   /* Eyebrows, Tabellenköpfe */

  /* 1,2 statt 1,1 seit 10.09.2026. Inters Zeilenkasten ist rund 1,21 em hoch;
     bei 1,1 und auch noch bei 1,15 beruehrten sich die Unterlaenge des g und die
     Punkte eines Ü in der naechsten Zeile – zu sehen auf "Ihr ganzes Team. /
     Ein Überblick.". Deutsche Ueberschriften mit Umlauten brauchen mehr Luft
     als englische. ZU BESTAETIGEN von Hannah, siehe Datei 11. */
  --lh-tight:   1.2;
  --lh-normal:  1.55;
  --lh-relaxed: 1.65;

  --tracking-tight: -0.03em;   /* Headlines */
  --tracking-wide:  0.14em;    /* Eyebrows, Labels */

  /* ── Maße ───────────────────────────────────────────────────────────── */
  --r:        4px;    /* CI: border-radius 4 px auf Buttons */
  --r-pill:   100px;
  --textmax:  68ch;   /* Zeilenlänge im Fließtext, CI Seite 9: 65–75 Zeichen */
  --wrap:     1160px;
  --gutter:   32px;

  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3:  14px;
  --sp-4:  22px;
  --sp-5:  32px;
  --sp-6:  48px;
  --sp-7:  72px;
  --sp-8:  92px;

  /* ── Schatten ───────────────────────────────────────────────────────── */
  --shadow-card:  0 14px 34px rgba(26, 26, 46, 0.06);
  --shadow-raise: 0 18px 40px rgba(26, 26, 46, 0.09);
  --shadow-bar:   0 -6px 24px rgba(26, 26, 46, 0.25);

  /* ── Prototyp-Werkzeuge (nicht Teil der CI) ─────────────────────────── */
  --proto-h:  56px;   /* Höhe der Prototyp-Leiste */
}

/* Schmale Ansichten */
@media (max-width: 960px) {
  :root {
    --fs-display: 40px;
    --fs-h1:      32px;
    --fs-h2:      28px;
    --gutter:     20px;
    --sp-8:       56px;
    --sp-7:       40px;
  }
}

/* ── Farbregel ──────────────────────────────────────────────────────────
   Eine Farbe, die alles betont, betont nichts. Deshalb gilt:

   Campus Grün    das Onlineprodukt und alles, was erledigt ist
   Blaze Orange   ausschließlich das, was ein Gespräch mit uns braucht:
                  Löschübung, Sonderlösung, individuelles Angebot.
                  Dazu, unverändert nach Markenhandbuch, der
                  Teilnehmername auf dem Zertifikat.
   Ink und Grau   Zustände, Fortschritt, aktuelle Position, Hinweise

   Vorher trug Orange fünf Aufgaben gleichzeitig – Vor-Ort-Produkt,
   laufender Vorgang, aktuelle Episode, Anfrage nötig und Warnung.
   Umgestellt am 07.09.2026.
   ─────────────────────────────────────────────────────────────────── */