/* AUFTRAG-CI-ROLLOUT-CC.md Paket A (Doc 20 Kap. 4/5): CI-Design-Tokens der
   gesamten App - vor allen anderen Stylesheets eingebunden (index.html), damit
   jede spaetere Regel darauf aufbauen kann. Farbwerte/Radien 1:1 aus Doc 20.

   Marken-Dateien (Wortmarke/Favicon) leben zusaetzlich unter
   Client/wwwroot/img/ci/ - Quelle bleibt Doc/assets/ci/, bei einer
   Marken-Aenderung MUESSEN beide Orte synchron gehalten werden (keine
   automatische Kopplung). */

:root {
  --tim-tomate: #E4572E;       --tim-tomate-flaeche: #FBE3DA;   --tim-tomate-tief: #A83A1B;
  --tim-aubergine: #3B2C35;    --tim-aubergine-flaeche: #E9E2E6; --tim-aubergine-tief: #241A20;
  --tim-minze: #17A398;        --tim-minze-flaeche: #DCF2F0;    --tim-minze-tief: #0E6B64;
  --tim-honig: #F2B33D;        --tim-honig-flaeche: #FCEFD4;    --tim-honig-tief: #9C6F1B;
  --tim-sand: #F7F1EA;
  --tim-fehler: #B3261E;  /* bewusst KEIN Tomate - Fehler muessen sich vom Akzent unterscheiden */
  --tim-radius: 8px; --tim-radius-lg: 12px;
  --tim-font: 'Nunito Sans', system-ui, sans-serif;
  --tim-font-brand: 'Nunito', var(--tim-font);

  /* AUFTRAG-DICHTE-ZENTRAL-CC.md Paket A.3: die Abstands-Skala --tim-space-1..6
     ist von hier nach Client/wwwroot/css/dichte.css umgezogen - sie ist dort
     jetzt Teil des Dichte-Reglers (drei Stufen weit/mittel/kompakt statt
     eines festen Werts). ci.css behaelt Farben, Radien und Schrift; wer einen
     Abstand braucht, liest --tim-space-* weiterhin genauso wie vorher, nur
     dass der Wert jetzt von der eingestellten Dichte abhaengt. */
}

/* Nunito self-hosted (DSGVO - kein Google-Fonts-CDN-Request mehr): nur die
   "latin"-Unicode-Range geladen (deckt de/fr/en, die drei App-Sprachen, vollstaendig
   ab inkl. Umlaute/Akzente aus dem Latin-1-Supplement) statt aller 5 Google-Ranges. */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/nunito-700.woff2') format('woff2');
}

@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('../fonts/nunito-800.woff2') format('woff2');
}

@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/nunito-sans-400.woff2') format('woff2');
}

@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/nunito-sans-600.woff2') format('woff2');
}

@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/nunito-sans-700.woff2') format('woff2');
}