/* 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-EVENT-EDITOR-GESTALTUNG-CC.md Paket A.1: die CI kannte Farben,
     Radien und Schrift - aber keinen einzigen Abstandswert. Ergebnis waren im
     Editor-Baum ueber 60 Einzel-Abstaende (mt-1 ... mt-5 plus negative
     Margins, die andere Hacks ausglichen). Diese Skala ist ENDLICH und
     absichtlich klein; wer einen Abstand braucht, nimmt eine ihrer sechs
     Stufen. Negative Margins sind in den neu geschriebenen Dateien verboten.
     Rollout auf die uebrigen ~40 Editor-Seiten: eigener spaeterer Auftrag. */
  --tim-space-1: 4px;
  --tim-space-2: 8px;
  --tim-space-3: 12px;
  --tim-space-4: 16px;
  --tim-space-5: 24px;
  --tim-space-6: 32px;
}

/* 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');
}