/*
 * Gestaltung – zentrale Stelle für Schriften und Farben.
 *
 * Abgeleitet aus Screenshots der Vorlage „BIM-Manager_Woche1_Folien.pdf“
 * (Folien 3, 5, 8, 11, 14). Die Farbwerte sind am Bild abgelesen, nicht aus der
 * PDF ausgelesen – mit werkzeuge/stil-aus-pdf.sh lassen sie sich exakt prüfen,
 * sobald die PDF in vorlage/ liegt.
 *
 *   Schrift          Inter (Titel ExtraBold, enge Laufweite; Kategorien Bold, Versalien, gesperrt)
 *   Kategorie-Zeile  Violett   #7c3aed   („REIFEGRAD“, „LEAN MANAGEMENT“, Do, 4D, 500)
 *   Blau             #2563eb   (3D, LoG, 100–400, Plan, „Information“)
 *   Türkis           #0d9488   (5D, LoI, Check, Genchi Genbutsu, „M“)
 *   Orange           #ea580c   (Act, Geometrie/Tonziegel, „Mitarbeiter als Schlüssel“)
 *   Magenta          #db2777   (Ende des Kapitel-Verlaufs)
 *   Kapitel-Verlauf  #2563eb → #7c3aed → #db2777 (diagonal)
 *   Titel            #1b1c21   Untertitel #4b5262   Fußzeile #8a90a0
 *   Hintergrund      #f4f5f9 mit Schimmer #dfe5f8 (oben rechts) und #ece6f8 (unten links)
 *   Karten           Weiß, Radius ~20 px, weicher Schatten, sehr feine Kontur
 *
 * Beim Veröffentlichen setzt deploy.sh die Cache-Version automatisch.
 */

@font-face {
  font-family: "Inter";
  src: url("../fonts/inter-latin.woff2") format("woff2");
  font-weight: 400 800;
  font-style: normal;
  font-display: swap;
}

:root {
  --schrift-text: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --schrift-titel: var(--schrift-text);

  /* Markenfarben der Folien */
  --blau: #2563eb;
  --violett: #7c3aed;
  --tuerkis: #0d9488;
  --orange: #ea580c;
  --magenta: #db2777;
  --verlauf: linear-gradient(125deg, #2563eb 0%, #7c3aed 58%, #db2777 100%);

  /* Hell */
  --c-bg: #f4f5f9;
  --c-glanz-1: #dfe5f8;
  --c-glanz-2: #ece6f8;
  --c-flaeche: #ffffff;
  --c-flaeche-2: #eceef4;
  --c-linie: #e3e6ee;
  --c-text: #1b1c21;
  --c-text-2: #4b5262;
  --c-text-3: #8a90a0;
  --c-primaer: var(--blau);
  --c-primaer-hover: #1d4fd0;
  --c-auf-primaer: #ffffff;
  --c-kicker: var(--violett);
  --c-akzent: var(--orange);
  --c-akzent-weich: #fdeadf;
  --c-richtig: var(--tuerkis);
  --c-richtig-bg: #e0f5f1;
  --c-falsch: var(--orange);
  --c-falsch-bg: #fdebe1;
  --c-fokus: var(--violett);
  --schatten: 0 1px 2px rgb(30 35 60 / .05), 0 8px 24px rgb(30 35 60 / .07);
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="hell"]) {
    --blau: #6b93ff;
    --violett: #a68bfa;
    --tuerkis: #2fc9b6;
    --orange: #fb8a4c;
    --magenta: #f06aa8;
    --verlauf: linear-gradient(125deg, #2050c8 0%, #6a32d6 58%, #b8226a 100%);
    --c-bg: #0f1118;
    --c-glanz-1: #172042;
    --c-glanz-2: #221a3d;
    --c-flaeche: #181b25;
    --c-flaeche-2: #232736;
    --c-linie: #2b3042;
    --c-text: #eceef4;
    --c-text-2: #a5abbc;
    --c-text-3: #7b8195;
    --c-primaer-hover: #8aaaff;
    --c-auf-primaer: #0b0f1d;
    --c-akzent-weich: #3a2216;
    --c-richtig-bg: #0f2f2b;
    --c-falsch-bg: #3a2216;
    --schatten: 0 1px 2px rgb(0 0 0 / .35), 0 8px 24px rgb(0 0 0 / .3);
    color-scheme: dark;
  }
}

:root[data-theme="dunkel"] {
  --blau: #6b93ff;
  --violett: #a68bfa;
  --tuerkis: #2fc9b6;
  --orange: #fb8a4c;
  --magenta: #f06aa8;
  --verlauf: linear-gradient(125deg, #2050c8 0%, #6a32d6 58%, #b8226a 100%);
  --c-bg: #0f1118;
  --c-glanz-1: #172042;
  --c-glanz-2: #221a3d;
  --c-flaeche: #181b25;
  --c-flaeche-2: #232736;
  --c-linie: #2b3042;
  --c-text: #eceef4;
  --c-text-2: #a5abbc;
  --c-text-3: #7b8195;
  --c-primaer-hover: #8aaaff;
  --c-auf-primaer: #0b0f1d;
  --c-akzent-weich: #3a2216;
  --c-richtig-bg: #0f2f2b;
  --c-falsch-bg: #3a2216;
  --schatten: 0 1px 2px rgb(0 0 0 / .35), 0 8px 24px rgb(0 0 0 / .3);
  color-scheme: dark;
}