/* ═══════════════════════════════════════════════════════════════════════════
   TOKEN-DATEI der Steuer-App.

   🔴 Jede Farbe, jeder Abstand, jeder Radius, jede Schriftgroesse, jeder
   Schatten und jede Bewegungsdauer im Projekt kommt AUS DIESER DATEI.
   Kein eigenes #hex, keine freien px in `app.css`. Fehlt ein Wert: hier
   ergaenzen, nicht dort erfinden.
   ═══════════════════════════════════════════════════════════════════════════ */

:root {
  /* — Flaechen und Linien — */
  --grund:            #0d1117;
  --flaeche:          #161b22;
  --flaeche-2:        #1c2330;
  --flaeche-hoch:     #222b3a;
  --linie:            #2a3441;
  --linie-stark:      #3a4657;

  /* — Schrift — */
  --text:             #e6edf3;
  --text-leise:       #9aa7b8;
  --text-still:       #6b7889;
  --text-auf-farbe:   #0d1117;

  /* — Bedeutung — */
  --akzent:           #4c8dff;
  --akzent-hell:      #7aabff;
  --akzent-dunkel:    #2f6ede;
  --gut:              #3fb950;
  --gut-flaeche:      #0f2916;
  --warn:             #d29922;
  --warn-flaeche:     #2b2109;
  --schlecht:         #f85149;
  --schlecht-flaeche: #2d1214;

  /* — Rollenfarben — */
  --rolle-admin:      #b57aff;
  --rolle-berater:    #4c8dff;
  --rolle-mitarbeiter:#3fb950;

  /* — Abstaende — */
  --a-0:   0;
  --a-1:   4px;
  --a-2:   8px;
  --a-3:   12px;
  --a-4:   16px;
  --a-5:   24px;
  --a-6:   32px;
  --a-7:   48px;
  --a-8:   64px;

  /* — Radien — */
  --r-1:   4px;
  --r-2:   8px;
  --r-3:   12px;
  --r-4:   18px;
  --r-rund: 999px;

  /* — Schriftgroessen — */
  --s-mikro:  11px;
  --s-klein:  13px;
  --s-text:   15px;
  --s-gross:  18px;
  --s-titel:  22px;
  --s-kopf:   30px;
  --s-riesig: 40px;

  /* — Schriftschnitte — */
  --f-normal: 400;
  --f-halb:   500;
  --f-fett:   600;
  --f-stark:  700;

  /* — Zeilen — */
  --z-eng:    1.25;
  --z-normal: 1.55;

  /* — Schriftfamilien — */
  /* 🔴 Nur Schriften, die auf dem Geraet schon liegen — nichts von Google.
     -apple-system deckt iPhone, iPad und Mac ab, "Segoe UI" Windows,
     Roboto Android. Kein Ladevorgang, keine fremde Adresse, kein Ruckeln
     beim ersten Zeichnen. */
  --schrift: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  --schrift-fest: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas,
    "Liberation Mono", monospace;

  /* — Schatten — */
  --schatten-1: 0 1px 2px rgba(0,0,0,.30);
  --schatten-2: 0 4px 12px rgba(0,0,0,.35);
  --schatten-3: 0 12px 32px rgba(0,0,0,.45);

  /* — Bewegung — */
  --dauer-kurz:  120ms;
  --dauer:       200ms;
  --dauer-lang:  360ms;
  --kurve: cubic-bezier(.2,.7,.3,1);

  /* — Masse — */
  --breite-inhalt: 1180px;
  --breite-formular: 380px;
  --hoehe-feld: 42px;
  --hoehe-kopf: 60px;
}