/* FH Wedel Farbsystem — Quelle: uploads/Farben Final.pdf
   Konsolidiert 15.09.2026 nach dem überarbeiteten Farbleitfaden (Fassung 2).
   21 gesetzte Werte: 16 Töne der Curricula-Palette + Schwarz/Weiß + 3 Graustufen
   (#20242E, #6E7488, Hellgrau #F3F3F3 — Text, Rahmen, Flächen).
   Die Zwischenstufen der Grauskala sind als feste Hexwerte ausgeschrieben.
   Flächen- und Tint-Töne sind die hellen Varianten der Palette selbst,
   die Hover-Töne sind daraus abgeleitete feste Hexwerte. Keine gerechneten
   Werte mehr — alles ist als Hexwert ausgebbar. */
:root{
/* CI-Farben — Fünf-Farben-Web-Palette (Leitfaden Fassung 2, ergänzt 15.09.2026) */
--fh-blau:#1C2764;    /* Marke: Überschriften, Flächen, Footer */
--fh-rot:#C90C0F;     /* Aktion: Buttons, CTA, Links, Dachzeilen — darf wiederholt werden */
--fh-gelb:#FFC000;    /* Sekundär: kleinere Buttons, Hinweise. Zugleich Status Warnung */
--fh-gruen:#44A569;   /* Bestätigung. Schrift Dunkelblau (4,5:1), nie weiß; nicht unter 12 px */
--fh-blau-hell:#A1B4E3; /* Fünfte CI-Farbe: helle Variante des CI-Dunkelblaus.
                           Flächen und Tönungen, Untertitel auf Dunkelblau (6,7:1).
                           Nie als Text auf Weiß. Dunkle Schrift auf der Fläche */
--fh-cyan:#0087CC;    /* Modulfarbe I Informatik; im Web Fokus-Ring und Status Info */
--fh-grau:#F3F3F3;    /* Graustufe 1 von 3: Wechselfläche, keine Textfarbe (1,1:1) */
--fh-schwarz:#000000;
--fh-weiss:#FFFFFF;
/* Modulfarben — 16 abgestimmte Töne (dunkel/hell), Curricula, Kacheln und
   Modulübersichten im Web. Kräftiger Ton nur im Kürzelfeld, helle Tönung als Fläche. */
--modul-blau:#1C2764;--modul-blau-hell:#A1B4E3;          /* X Integrationsfach */
--modul-cyan:#0087CC;--modul-cyan-hell:#B7DEFF;          /* I Informatik */
--modul-gruen:#44A569;--modul-gruen-hell:#ABE3BE;        /* T Technik */
--modul-petrol:#006B7A;--modul-petrol-hell:#AACFD2;      /* V Vertiefung / Wahl */
--modul-gelb:#FFC000;--modul-gelb-hell:#FFE699;          /* M Mathematik */
--modul-rot:#C90C0F;--modul-rot-hell:#FFAFAF;            /* W Wirtschaft */
--modul-magenta:#E8308A;--modul-magenta-hell:#F4BCE8;    /* S Soft Skills */
--modul-braun:#774808;--modul-braun-hell:#CBAC86;        /* reserviert, noch frei */
/* Flächen & Tints — die hellen Varianten der Palette, keine neuen Werte.
   Immer dunkle Schrift darauf (Dunkelblau oder Schwarz). */
--fh-blau-tint:var(--modul-blau-hell);    /* #A1B4E3 */
--fh-rot-tint:var(--modul-rot-hell);      /* #FFAFAF */
--fh-gruen-tint:var(--modul-gruen-hell);  /* #ABE3BE */
--fh-gelb-tint:var(--modul-gelb-hell);    /* #FFE699 */
/* Hover-Töne — aus den CI-Farben abgeleitet, als feste Hexwerte ausgeschrieben */
--fh-blau-mittel:#3A4A99; /* Hover auf Dunkelblau */
--fh-rot-dunkel:#A30A0C;  /* Hover auf Rot, Link-Hover */
--fh-cyan-dunkel:#006DA6; /* Hover auf Cyan, Verläufe */
--fh-gelb-dunkel:#E6AD00; /* Hover auf Gold (= Gold 90 % + Schwarz 10 %) */
--fh-gruen-dunkel:#3D9560; /* Hover auf Grün, gleiche Regel */
--fh-blau-hell-dunkel:#91A2CC; /* Hover auf Hellblau, gleiche Regel */
/* Rosa #F7D1F7 entfällt (Leitfaden Fassung 2) — kein Alias mehr, Stand 03.10.2026 */
/* Neutrale Töne — blaustichige Skala, alle Stufen als feste Hexwerte,
   damit sie unverändert weitergegeben werden können.
   Drei davon sind gesetzt (#20242E, #6E7488, Hellgrau #F3F3F3),
   die übrigen sind daraus abgeleitet und ausgeschrieben. */
--grau-900:#20242E;   /* Fließtext */
--grau-700:#464C5C;   /* abgeleitet: Untertitel auf Hell */
--grau-500:#6E7488;   /* Sekundärtext, Schatten */
--grau-300:#C2C7D4;   /* abgeleitet: starker Rahmen */
--grau-200:#DDE0E8;   /* abgeleitet: Rahmen */
--grau-100:#F3F3F3;   /* = Hellgrau, Wechselfläche */
--grau-50:#FAFAFC;    /* abgeleitet: sehr helle Fläche */
/* Notenskala — ausschließlich für Noten (1,0–5,0), keine allgemeine Farbskala.
   Neun Stufen in Halbschritten. Anker aus der Palette: 1,0 Marke, 2,0 Fläche (Hellblau),
   3,0 Markergelb, 3,5 Sekundär, 5,0 Aktion; 1,5/2,5 hälftig gemischt, 4,0/4,5 Gold→Rot
   in Dritteln. Je Stufe feste Schriftfarbe (-text), Kontrast mind. 4,25:1 (4,5 = 4,25:1). Stand 23.09.2026. */
--note-1-0:#1C2764;--note-1-0-text:#FFFFFF;
--note-1-5:#5E6DA3;--note-1-5-text:#FFFFFF;
--note-2-0:#A1B4E3;--note-2-0-text:#1C2764;
--note-2-5:#D0DAF1;--note-2-5-text:#1C2764;
--note-3-0:#FFE699;--note-3-0-text:#1C2764;
--note-3-5:#FFC000;--note-3-5-text:#1C2764;
--note-4-0:#ED8405;--note-4-0-text:#1C2764;
--note-4-5:#DB480A;--note-4-5-text:#FFFFFF;
--note-5-0:#C90C0F;--note-5-0-text:#FFFFFF;
/* Semantische Aliasse */
--text-heading:var(--fh-blau);
--text-body:var(--grau-900);
--text-muted:var(--grau-500);
--text-invers:var(--fh-weiss);
--text-link:var(--fh-rot);
--text-link-hover:var(--fh-rot-dunkel);
/* Flächenbezogene Aliasse — jede Fläche setzt sie um (.flaeche-grau/-dunkel/-hell in base.css) */
--text-leise:var(--text-muted);
--link:var(--text-link);
--link-hover:var(--text-link-hover);
--text-dachzeile:var(--fh-rot); /* zuvor Cyan — 3,3:1 auf Weiß zu schwach */
--text-dachzeile-invers:var(--fh-gelb); /* Dachzeile auf CI-Blau und auf Bildmotiven — Rot trägt dort nicht (1,7:1), Gold 7,4:1 */
/* Hervorhebungen (Marker) — helles Gelb mit Dunkelblau, Kontrast 11,2:1.
   #FFE699 trägt bewusst zwei Rollen: Marker im Web, Mathematik in Curricula */
--hervorhebung-bg:var(--modul-gelb-hell);
--hervorhebung-fg:var(--fh-blau);
--surface-page:var(--fh-weiss);
--surface-section:var(--fh-grau);
--surface-card:var(--fh-weiss);
--surface-dark:var(--fh-blau);
--border-default:var(--grau-200);
--border-strong:var(--grau-300);
--focus-ring:var(--fh-cyan);
--accent-primary:var(--fh-blau);
--accent-secondary:var(--fh-rot);
--status-erfolg:var(--fh-gruen);
--status-warnung:var(--fh-gelb);
--status-fehler:var(--fh-rot);
--status-info:var(--fh-cyan);
}
