/* VAMS Design Tokens — Stand 28.10.2026
   Einzige Quelle fuer Farben, Schrift und Masse. Alle drei Bereiche
   (Buchhaltung, Ausbildung, Qualitaet) nehmen ihre Werte von hier.
   Wird vor app.css geladen. Keine Regeln in dieser Datei, nur Werte. */
:root {
  /* --- Schrift --- */
  --t-schrift: Avenir, "Avenir Next", "Segoe UI", Arial, sans-serif;
  --t-schrift-fest: "SF Mono", Menlo, Consolas, monospace;

  --t-gr-titel:        42px;  /* Seitentitel */
  --t-gr-abschnitt:    24px;  /* Karten- und Abschnittsueberschrift */
  --t-gr-navi:         18px;  /* Punkte der Seitenleiste */
  --t-gr-text:         16px;  /* Fliesstext */
  --t-gr-tab-kopf:     13px;  /* Tabellenkopf */
  --t-gr-tab-text:     15px;  /* Tabelleninhalt */
  --t-gr-status:       14px;  /* Statuszeichen */
  --t-gr-klein:        12px;  /* Hinweise, Fuss */

  --t-fett-normal: 400;
  --t-fett-mittel: 500;
  --t-fett-halb:   700;
  --t-fett-voll:   800;

  /* --- Farben --- */
  --t-navy:        #0A1B44;  /* Ueberschriften, Haupttext */
  --t-blau:        #009FEF;  /* Akzent, Verweise */
  --t-cyan:        #00C8F8;  /* heller Rand am aktiven Punkt */
  --t-aktiv:       #008EF0;  /* Grund des aktiven Punktes */
  --t-text-zweit:  #7185A3;  /* Beschreibungen, Nebenangaben */
  --t-icon:        #405575;  /* Zeichen der nicht gewaehlten Punkte */
  --t-weiss:       #FFFFFF;
  --t-seite:       #F3F7FB;  /* Grund des Inhaltsbereichs */
  --t-rand:        #E2E9F1;  /* Trenner, Kartenrand */
  --t-gruen:       #009B68;  /* Status aktiv/laufend */
  --t-gruen-grund: #DDF8ED;
  --t-hover:       #EAF5FC;  /* Grund beim Zeigen auf einen Punkt */
  --t-reiter:      #CBD5E1;  /* grauer Streifen der drei Bereiche */
  --t-reiter-auf:  #B8C4D4;  /* derselbe Streifen beim Zeigen */
  --t-reiter-an:   #475569;  /* gewaehlter Bereich, dunkelgrau */
  --t-leiste-grund: #0A1B44;  /* Grund der Seitenleiste, dunkelblau */
  --t-leiste-text:  #C9D6EA;  /* Beschriftung der Punkte darauf */
  --t-leiste-hover: rgba(255, 255, 255, .09);
  --t-leiste-gruppe: #7F93B4;  /* Gruppenzeile auf dunklem Grund */

  /* Wortmarke: heller als der Akzent, absichtlich eigener Wert */
  --t-marke-blau:  #50B1F8;
  --t-marke-navy:  #0C2142;
  --t-marke-grau:  #A9B6C9;  /* unterer Teil des senkrechten Streifens */

  --t-aktiv-verlauf: linear-gradient(90deg, #008EF0 0%, #007FE8 95%, #00C8F8 100%);

  /* --- Masse --- */
  --t-radius-klein:  10px;  /* Navigationspunkt, Knopf */
  --t-radius-karte:  16px;
  --t-abstand:       24px;  /* Grundabstand */
  --t-navi-hoehe:    56px;
  --t-navi-luecke:   12px;
  --t-icon-groesse:  24px;
  --t-uebergang:     180ms;
}