/* Erzeugt aus tokens/quelle - nicht von Hand aendern, sondern `pnpm tokens` laufen lassen. */
/* Tailwind-v4-Theme: dieselben Rollen als Utilities (bg-grund, text-tinte, rounded-karte, p-raum-2, font-schrift-titel).
   Einbinden nach @import "tailwindcss"; die Rollen selbst kommen aus tokens/*.css. */
@theme {
  /* Tailwinds eigene Palette, Schriften, Grade, Gewichte, Radien, Schatten und Verlaeufe sind abgeschaltet:
     es gibt nur unsere Rollen. Der 4-px-Raster von Tailwind (p-2 = 8 px) bleibt, weil er unser 8-px-Raster trifft. */
  --color-*: initial;
  --font-*: initial;
  --font-weight-*: initial;
  --text-*: initial;
  --tracking-*: initial;
  --leading-*: initial;
  --radius-*: initial;
  --shadow-*: initial;
  --inset-shadow-*: initial;
  --drop-shadow-*: initial;
  --text-shadow-*: initial;
  --ease-*: initial;
  --animate-*: initial;
  --breakpoint-tisch: 768px;
}
@theme inline {
  --spacing-raum-halb: var(--raum-halb);
  --spacing-raum-1: var(--raum-1);
  --spacing-raum-2: var(--raum-2);
  --spacing-raum-3: var(--raum-3);
  --spacing-raum-4: var(--raum-4);
  --spacing-raum-5: var(--raum-5);
  --spacing-raum-6: var(--raum-6);
  --spacing-raum-8: var(--raum-8);
  --spacing-karte-innen: var(--karte-innen);
  --spacing-karte-abstand: var(--karte-abstand);
  --spacing-flaeche-rand-mac: var(--flaeche-rand-mac);
  --spacing-flaeche-rand-phone: var(--flaeche-rand-phone);
  --spacing-ziel-zeiger: var(--ziel-zeiger);
  --spacing-ziel-finger: var(--ziel-finger);
  --spacing-ziel-kind: var(--ziel-kind);
  --spacing-leiste-mac: var(--leiste-mac);
  --spacing-leiste-mac-eng: var(--leiste-mac-eng);
  --spacing-leiste-phone-hoehe: var(--leiste-phone-hoehe);
  --font-schrift-titel: var(--schrift-titel);
  --font-schrift-text: var(--schrift-text);
  --font-schrift-mono: var(--schrift-mono);
  --font-schrift-hand: var(--schrift-hand);
  --font-weight-gewicht-titel: var(--gewicht-titel);
  --font-weight-gewicht-text: var(--gewicht-text);
  --font-weight-gewicht-text-halb: var(--gewicht-text-halb);
  --font-weight-gewicht-text-fest: var(--gewicht-text-fest);
  --text-grad-anrede-mac: var(--grad-anrede-mac);
  --text-grad-anrede-phone: var(--grad-anrede-phone);
  --text-grad-zahl-gross: var(--grad-zahl-gross);
  --text-grad-block-titel: var(--grad-block-titel);
  --text-grad-abschnitt: var(--grad-abschnitt);
  --text-grad-karten-titel: var(--grad-karten-titel);
  --text-grad-text: var(--grad-text);
  --text-grad-zweit: var(--grad-zweit);
  --text-grad-klein: var(--grad-klein);
  --text-grad-kapitaelchen: var(--grad-kapitaelchen);
  --tracking-laufweite-titel: var(--laufweite-titel);
  --tracking-laufweite-text: var(--laufweite-text);
  --tracking-laufweite-kapitaelchen: var(--laufweite-kapitaelchen);
  --leading-zeile-titel: var(--zeile-titel);
  --leading-zeile-karten-titel: var(--zeile-karten-titel);
  --leading-zeile-text: var(--zeile-text);
  --radius-karte: var(--radius-karte);
  --radius-klein: var(--radius-klein);
  --radius-leiste: var(--radius-leiste);
  --radius-block: var(--radius-block);
  --radius-pille: var(--radius-pille);
  --ease-verlauf-ruhig: var(--verlauf-ruhig);
  --ease-verlauf-atem: var(--verlauf-atem);
  --color-grund: var(--grund);
  --color-karte: var(--karte);
  --color-hell: var(--hell);
  --color-knopf-zweit: var(--knopf-zweit);
  --color-schwarz: var(--schwarz);
  --color-schwarz-zeiger: var(--schwarz-zeiger);
  --color-schwarz-druck: var(--schwarz-druck);
  --color-tinte: var(--tinte);
  --color-grau: var(--grau);
  --color-linie: var(--linie);
  --color-rosa: var(--rosa);
  --color-rosa-hell: var(--rosa-hell);
  --color-gelb: var(--gelb);
  --color-gelb-dunkel: var(--gelb-dunkel);
  --color-ampel-gruen: var(--ampel-gruen);
  --color-ampel-gelb: var(--ampel-gelb);
  --color-ampel-rot: var(--ampel-rot);
  --color-text-auf-ampel: var(--text-auf-ampel);
  --color-blau: var(--blau);
  --color-blau-dunkel: var(--blau-dunkel);
  --color-offen: var(--offen);
  --color-auf-gelb: var(--auf-gelb);
  --color-leistentext: var(--leistentext);
  --color-sonntag: var(--sonntag);
  --color-flaeche-seite: var(--flaeche-seite);
  --color-flaeche-erhoben: var(--flaeche-erhoben);
  --color-flaeche-karte: var(--flaeche-karte);
  --color-flaeche-karte-fahrt: var(--flaeche-karte-fahrt);
  --color-flaeche-karte-familie: var(--flaeche-karte-familie);
  --color-flaeche-karte-vorschlag: var(--flaeche-karte-vorschlag);
  --color-flaeche-leiste: var(--flaeche-leiste);
  --color-flaeche-schleier: var(--flaeche-schleier);
  --color-leiste-ort-zeiger: var(--leiste-ort-zeiger);
  --color-leiste-ort-aktiv-zeiger: var(--leiste-ort-aktiv-zeiger);
  --color-text-koerper: var(--text-koerper);
  --color-text-titel: var(--text-titel);
  --color-text-zweit: var(--text-zweit);
  --color-text-auf-leiste: var(--text-auf-leiste);
  --color-text-auf-leiste-zweit: var(--text-auf-leiste-zweit);
  --color-text-auf-gelb: var(--text-auf-gelb);
  --color-text-auf-blau: var(--text-auf-blau);
  --color-text-auf-blau-zweit: var(--text-auf-blau-zweit);
  --color-text-auf-rosa: var(--text-auf-rosa);
  --color-text-inaktiv: var(--text-inaktiv);
  --color-linie-haar: var(--linie-haar);
  --color-linie-stark: var(--linie-stark);
  --color-linie-inaktiv: var(--linie-inaktiv);
  --color-linie-jetzt: var(--linie-jetzt);
  --color-rand-vorschlag: var(--rand-vorschlag);
  --color-rand-offen: var(--rand-offen);
  --color-rand-fokus: var(--rand-fokus);
  --color-akzent: var(--akzent);
  --color-akzent-hell: var(--akzent-hell);
  --color-akzent-tief: var(--akzent-tief);
  --color-bedeutung-fahrt: var(--bedeutung-fahrt);
  --color-bedeutung-fahrt-tief: var(--bedeutung-fahrt-tief);
  --color-bedeutung-familie: var(--bedeutung-familie);
  --color-bedeutung-familie-tief: var(--bedeutung-familie-tief);
  --color-bedeutung-termin: var(--bedeutung-termin);
  --color-knopf-primaer-flaeche: var(--knopf-primaer-flaeche);
  --color-knopf-primaer-flaeche-zeiger: var(--knopf-primaer-flaeche-zeiger);
  --color-knopf-primaer-flaeche-druck: var(--knopf-primaer-flaeche-druck);
  --color-knopf-primaer-text: var(--knopf-primaer-text);
  --color-knopf-zweit-flaeche: var(--knopf-zweit-flaeche);
  --color-knopf-zweit-text: var(--knopf-zweit-text);
  --color-knopf-inaktiv-flaeche: var(--knopf-inaktiv-flaeche);
  --color-knopf-inaktiv-text: var(--knopf-inaktiv-text);
  --color-person-1: var(--person-1);
  --color-person-2: var(--person-2);
  --color-person-3: var(--person-3);
  --color-person-4: var(--person-4);
  --color-person-5: var(--person-5);
  --color-person-6: var(--person-6);
  --color-person-7: var(--person-7);
  --color-person-8: var(--person-8);
  --color-person-text: var(--person-text);
  --color-person-linie-1: var(--person-linie-1);
  --color-person-linie-2: var(--person-linie-2);
  --color-person-linie-3: var(--person-linie-3);
  --color-person-linie-4: var(--person-linie-4);
  --color-person-linie-5: var(--person-linie-5);
  --color-person-linie-6: var(--person-linie-6);
  --color-person-linie-7: var(--person-linie-7);
  --color-person-linie-8: var(--person-linie-8);
}
/* Ohne Tailwind-Namensraum, direkt als Variable verwenden, z. B. duration-(--dauer-kurz) oder border-(length:--strich-stark):
   ziffern-tabellarisch, strich-haar, strich-stark, strich-gestrichelt, muster-gestrichelt, kippung-zettel, kippung-null, schatten, fokus-ring, fokus-abstand, dauer-kurz, dauer-mittel, dauer-atem */