/* =====================================================================
   Plague · Design-Tokens (aus dem Forever-Entwurf)
   Grundlage: Richtung C „Kontobuch“ (Gildenkanzlei), ergänzt um den
   Abendhimmel und den Grat aus Richtung A. Nur Variablen, keine Regeln.
   Diese Datei nicht pro Seite ändern (siehe SHELL.md).
   ===================================================================== */
:root{
  color-scheme: dark;

  /* ---------- Grundflächen ---------- */
  --nacht:        #011C2B;  /* Seitengrund. Klassen- und Qualitätsfarben stehen nur hierauf. */
  --tiefsee:      #07324A;  /* Flächen mit Funktion: Band, Tabellenkopf, Filterleiste, Hinweis */
  --zeile:        #062A40;  /* Hover-Zeile; alle Namensfarben bleiben darauf über 4,5:1 */
  --betrag-grund: rgba(7, 50, 74, .42); /* Streifen der Betragsspalte im Kontobuch */

  /* ---------- Abendhimmel (nur im Kopf) ---------- */
  --daemmer:      #152046;  /* Dämmer-Indigo, oben im Kopf */
  --petrol:       #0B3A55;  /* unten im Kopf, über dem Grat */
  --grat-fern:    #072C44;  /* hintere Bergkette */

  /* ---------- Text ---------- */
  --pergament:      #F5E5CF; /* Fließtext 14,1:1 auf Nacht */
  --pergament-hell: #FFF2DF; /* nur DKP-Beträge, Titel, Raidname */
  --kamel:          #C6AF8D; /* Spaltenköpfe, Sekundärtext, Linien (8,3:1) */
  --sand:           #B1997F; /* Hinweise, Fußnoten (6,4:1). Nie auf dem Himmel. */

  /* ---------- Bedienen: Gold heißt „hier kannst du etwas tun“ ---------- */
  --gold:      #F7B90A;
  --gold-hell: #FFEC71;   /* Hover und Fokusring */

  /* ---------- Abzug: Strafe, fehlt, negativer Betrag ---------- */
  --rot:       #FF6A47;   /* 6,2:1 auf Nacht. Immer mit Zeichen (−, ✗) oder Wort. */

  /* ---------- Linien (jede Linie zählt etwas) ---------- */
  --linie:        rgba(198, 175, 141, .38); /* Fünferlinie, Trenner */
  --linie-leise:  rgba(198, 175, 141, .16);
  --linie-feld:   rgba(198, 175, 141, .55); /* Rahmen von Eingabefeldern */

  /* ---------- Raidfarben: eine je Instanz, nur neben dem Raidnamen ---------- */
  --raid-hyjal:          #2FA3A8; /* Hyjal-Jade, Text 5,8:1 */
  --raid-hyjal-flaeche:  #146F73;
  --raid-barrow:         #A08BD8; /* Grabviolett, Text 6,0:1 */
  --raid-barrow-flaeche: #3B3570;
  --raid-onyxia:         #E08A5E; /* Drachenglut, Text 6,7:1 */
  --raid-onyxia-flaeche: #6B3322;

  /* ---------- Klassenfarben (Vanilla, Brief) ---------- */
  --k-warrior: #C69B6D;  --k-paladin: #F48CBA;  --k-hunter:  #AAD372;
  --k-rogue:   #FFF468;  --k-priest:  #FFFFFF;  --k-shaman:  #0070DD;
  --k-mage:    #3FC7EB;  --k-warlock: #8788EE;  --k-druid:   #FF7C0A;
  /* Textvarianten: nur wo das Original auf Nacht unter 4,5:1 fällt */
  --kt-shaman: #4D9BF5;  /* 6,1:1 statt 3,6:1; das Quadrat behält #0070DD */

  /* ---------- Item-Qualität (CLM 0–5) ---------- */
  --q-0: #9D9D9D;  /* Schlecht */
  --q-1: #FFFFFF;  /* Gewöhnlich */
  --q-2: #1EFF00;  /* Selten */
  --q-3: #0070DD;  /* Rar */
  --q-4: #A335EE;  /* Episch */
  --q-5: #FF8000;  /* Legendär */
  --qt-3: #4D9BF5; /* Textvariante Rar, 6,1:1 */
  --qt-4: #BB73F4; /* Textvariante Episch, 5,7:1 */

  /* ---------- Schriften (lokal, OFL) ---------- */
  --schrift-zahl: "Alegreya", Georgia, "Times New Roman", serif;          /* Beträge, Titel, Raidname */
  --schrift-text: "Alegreya Sans", "Segoe UI", system-ui, sans-serif;      /* alles andere */

  /* ---------- Typo-Skala (rem, Basis 16 px) ---------- */
  --text-s:   .875rem;   /* 14 – Spaltenköpfe, Fußnoten, Badges. Kleiner geht nicht. */
  --text-m:   1rem;      /* 16 – Tabellen, Bedienelemente, Eingaben (iOS zoomt nicht) */
  --text-l:   1.0625rem; /* 17 – Fließtext, Namen */
  --titel-s:  1.375rem;  /* 22 – h2 */
  --titel-m:  1.875rem;  /* 30 – h1, DKP-Betrag */
  --titel-l:  2.5rem;    /* 40 – Raidname im großen Kopf */
  --zeile-text:  1.5;
  --zeile-titel: 1.12;
  --masz-text: 68ch;     /* Zeilenlänge Fließtext */

  /* ---------- Abstände (4-px-Raster) ---------- */
  --s-1: .25rem;  /*  4 */
  --s-2: .5rem;   /*  8 */
  --s-3: .75rem;  /* 12 */
  --s-4: 1rem;    /* 16 */
  --s-5: 1.5rem;  /* 24 */
  --s-6: 2rem;    /* 32 */
  --s-7: 3rem;    /* 48 */
  --s-8: 4rem;    /* 64 */

  /* ---------- Layout ---------- */
  --breite-max:   85rem;                    /* 1360 px Inhalt */
  --rand:         clamp(16px, 3vw, 40px);   /* Seitenrand, mobil 16 px */
  --spalte-neben: 21.25rem;                 /* 340 px Nebenspalte */
  --ziel-min:     2.5rem;                   /* 40 px Klickfläche Maus */
  --ziel-touch:   2.75rem;                  /* 44 px Klickfläche Finger */

  /* ---------- Radien: flach. Rund nur Fokus und Kästchen ---------- */
  --radius-0: 0;
  --radius-1: 2px;

  /* ---------- Schatten: keine Karten. Nur der schwebende Tabellenkopf ---------- */
  --schatten-keiner: none;
  --schatten-kopf:   0 1px 0 var(--linie), 0 8px 14px -8px rgba(0, 0, 0, .7);
  --schatten-tipp:   0 6px 18px rgba(0, 0, 0, .55); /* Boss-Name am Grat */

  /* ---------- Fokus ---------- */
  --fokus:         var(--gold-hell);
  --fokus-auf-hell: #3B2A12; /* auf hellen Flächen (Pergament, Gold) */

  /* ---------- Bewegung ---------- */
  --dauer: 120ms;
}