/* tokens.css – wörtlich aus dem Design-Export „00 Tokens – Export als CSS-Variablen“ (SPEC §18.9).
 * Nur die eine unten gekennzeichnete Zeile ist ergänzt. Farbwerte stehen ausschließlich hier; jede andere
 * Datei benutzt die Variablen (SPEC §18.1). Wer hier etwas ändert, ändert die Vorgabe – nicht ohne SPEC.
 */
/* CLEVER E-Rechnung – tokens.css */
:root {
  /* Farben */
  --color-primary: #008984;       /* Teal: H2/H3, Rahmen, Icons, aktiv, Flächen */
  --color-primary-text: #007A76;  /* Textlinks, Button-Fläche, Chip-Text (5,2:1) */
  --color-primary-dark: #263238;  /* Button-Hover */
  --color-text: #003346;          /* Navy: Fließtext, H1 */
  --color-text-2: #385172;        /* Dunkelblau: Meta, Hilfetext */
  --color-footer: #212121;
  --color-input: #F5F5F5;
  --color-surface: #E6E8EB;
  --color-line: #AEB6BC;
  --color-line-2: #B7C6CD;
  --color-accent: #F5C244;        /* Frist – nie für Buttons */
  --color-accent-bg: #FDF3D0;
  --color-success: #6FAFAD;   --color-success-bg: #E2F0EF;
  --color-warning: #FF9100;   --color-warning-bg: #FFE9CC;
  --color-error: #FF1744;     --color-error-bg: #FFE3E8;
  --color-error-text: #B8002F;    /* 6,8:1 */
  --color-info-bg: #E0F2F1;
  --color-focus: var(--color-primary);
  --color-icon: var(--color-primary);
  /* Einzige Ergänzung gegenüber dem Design-Export (SPEC §18.1, ABWEICHUNGEN A4): ein eigenes Token für
     aktive Zustände – gewähltes Radio, Rahmen der gewählten Formatkarte, Unterstreichung der aktiven Sprache.
     Mit --color-primary wären sie in Leipzig #172849; der Leipzig-Frame zeigt sie in #3697D9. */
  --color-active: var(--color-focus);

  /* Typografie (lokal eingebunden, woff2, font-display: swap) */
  --font-head: "Oxygen", Arial, sans-serif;   /* 700 */
  --font-body: "Cairo", Arial, sans-serif;    /* 300 normal, 500 fett */
  --font-mono: ui-monospace, Menlo, Consolas, monospace;
  --fs-h1: 32px; --fs-h2: 20px; --fs-h3: 16px;
  --fs-body: 16px; --fs-small: 14px; --fs-chip: 13px;
  --lh-head: 1.2; --lh-body: 1.5;
  --fw-body: 300; --fw-strong: 500; --fw-head: 700;

  /* Abstände (8er-Raster) */
  --space-1: 4px;  --space-2: 8px;  --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px;

  /* Radien und Maße */
  --radius-0: 0;         /* Buttons, Karten, Hinweis-Boxen */
  --radius-input: 2px;   /* Eingabefelder, Chips */
  --control-height: 44px;
  --button-height: 48px;
  --content-max: 720px;
  --page-padding: 20px;
  --focus-ring: 2px solid var(--color-focus);
  --focus-offset: 2px;
}
@media (min-width: 768px) { :root { --page-padding: 32px; } }

/* Mandant Leipzig – nur Overrides, kein eigenes Markup */
[data-tenant="leipzig"] {
  --color-primary: #172849;
  --color-primary-text: #172849;
  --color-focus: #3697D9;
  --color-icon: #3697D9;
  --color-info-bg: #E3F1FA;
}