/* tokens.css -- die EINE Quelle fuer Werte der Oberflaeche (uep#175, Spec §3/§6).
   Namen in Tailwind-v4-Namensraeumen, damit Weg B sie uebernimmt. Farbwerte
   duerfen nur hier stehen (test_oberflaeche.py, farbwerte_nur_in_tokens).
   Expertis-Farben aus expertisci.zip (Farbenspektrum Folie 1); ok/warn/fehler
   legt die Plattform selbst fest (das Paket hat keine). */
@layer tokens, bausteine, seiten;

/* Nunito Bold, SIL OFL 1.1 (OFL.txt daneben). Herkunft: Fontsource
   @fontsource/nunito@5.2.5, Datei nunito-latin-700-normal.woff2,
   sha256 391d904f3fd470031d9207a2dcece3b27f63be28ec5b2a0a0ee759948705c3bf,
   geholt 15.10.2026 (von Manuel, abgelegt in shared/inbox/nunito/). Nur
   Ueberschriften (Spec §3). Teilmenge latin: deckt Deutsch,
   Anfuehrungszeichen und Euro. */
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("schrift/nunito-latin-700-normal.woff2") format("woff2");
}

@layer tokens {
  :root {
    --color-gelb: #FFF482;
    --color-taupe: #A69D89;
    --color-warmgrau: #D3CCC2;
    --color-sand: #F6F3EE;
    --color-schwarz: #000000;
    --color-weiss: #FFFFFF;
    --color-grau-1: #F7F7F7;
    --color-grau-2: #EAEAEA;
    --color-grau-5: #5E5E5E;
    --color-text: #111111;
    --color-schwarz-65: rgb(0 0 0 / .65);
    --color-schwarz-60: rgb(0 0 0 / .6);
    --color-schwarz-13: rgb(0 0 0 / .13);
    --color-schwarz-05: rgb(0 0 0 / .05);
    --color-tabelle-schatten: rgb(0 0 0 / .16); /* Randschatten breiter Tabellen, uep#223 */
    --color-ok: #2E7D4F;        --color-ok-flaeche: #E4F2E9;
    --color-warn: #B4530A;      --color-warn-flaeche: #FDF0E1;
    --color-fehler: #B3261E;    --color-fehler-flaeche: #FBE7E6;
    --font-titel: "Arial Rounded MT Bold", "Nunito", "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;
    --font-text: "Segoe UI Variable Text", "Segoe UI", Arial, system-ui, sans-serif;
    --radius-s: 10px; --radius-m: 14px; --radius-l: 20px; --radius-karte: 18px; --radius-voll: 999px;
    --shadow-karte: 0 1px 2px rgb(0 0 0 / .05), 0 10px 30px rgb(0 0 0 / .06);
    --shadow-hoch: 0 12px 32px rgb(0 0 0 / .14);
    --shadow-knopf: 0 8px 20px rgb(0 0 0 / .25);
    --spacing: 4px;
    --spacing-spalt: 20px;
    /* Luft zwischen Band und erstem Inhaltsblock (Feedback 16.10., PF-A1) */
    --spacing-band: 24px;
    --spacing-rand: 48px;
    --spacing-rand-schmal: 16px;
    --breakpoint-schmal: 900px;
  }
}