/* erzeugt aus design/tokens.json von tzuki/scripts/design_werte.py, nicht von Hand ändern */
:root {
  --t-farbe-grund: #10100F;
  --t-farbe-flaeche: #191918;
  --t-farbe-flaeche-hoch: #222220;
  --t-farbe-linie: #2C2B28;
  --t-farbe-tinte: #F4F0E8;
  --t-farbe-tinte-leise: #A5A39D;
  --t-farbe-akzent: #FFBE4F;
  --t-farbe-auf-akzent: #10100F;
  --t-farbe-gut: #7DD87D;
  --t-farbe-warnung: #FFBE4F;
  --t-farbe-fehler: #FF6B5E;
  --t-farbe-ruht: #4A4944;
  --t-farbe-fokus: #FFD58A;
  --t-schrift-text: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --t-schrift-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --t-groesse-display: 32px;
  --t-groesse-titel: 24px;
  --t-groesse-abschnitt: 20px;
  --t-groesse-unterzeile: 17px;
  --t-groesse-text: 16px;
  --t-groesse-sekundaer: 14px;
  --t-groesse-label: 13px;
  --t-groesse-mikro: 11px;
  --t-abstand-1: 4px;
  --t-abstand-2: 8px;
  --t-abstand-3: 12px;
  --t-abstand-4: 16px;
  --t-abstand-5: 24px;
  --t-abstand-6: 32px;
  --t-abstand-7: 48px;
  --t-abstand-8: 64px;
  --t-mass-tippflaeche: 48px;
  --t-mass-knopf: 56px;
  --t-mass-rand: 16px;
  --t-mass-navigation: 64px;
  --t-radius-klein: 8px;
  --t-radius-mittel: 16px;
  --t-radius-rund: 999px;
}

/* Kein Blau aus dem Browser (Jakob 08.10.2026) */
:root { accent-color: var(--t-farbe-akzent); }
* { -webkit-tap-highlight-color: transparent; }
input, textarea, [contenteditable] { caret-color: var(--t-farbe-akzent); }
::selection { background: var(--t-farbe-akzent); color: var(--t-farbe-auf-akzent); }
:focus:not(:focus-visible) { outline: none; }
:focus-visible { outline: 2px solid var(--t-farbe-fokus); outline-offset: 2px; }
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
  -webkit-text-fill-color: var(--t-farbe-tinte);
  transition: background-color 99999s ease 0s;
}