/* Design-Tokens — Spec §1b. Variablen mit Präfix `--color-*`, `--font-*`,
   `--spacing-*`, `--size-*`. Koexistieren mit Legacy-`--c-*`-Tokens aus
   legacy.css — Migration seitenweise. */

:root {
  /* ── Farben (Spec §1b Farbschema) ───────────────────────── */
  --color-primary: #2563EB;
  --color-primary-hover: #1D4ED8;

  --color-bg-app: #F8FAFC;
  --color-bg-card: #FFFFFF;
  --color-bg-zebra: #F8FAFC;
  --color-bg-hover: #EFF6FF;

  --color-text-primary: #1E293B;
  --color-text-secondary: #64748B;

  --color-success: #16A34A;
  --color-warning: #F59E0B;
  --color-error: #DC2626;
  --color-in-progress: #7C3AED;

  --color-border: #E2E8F0;

  /* Status-spezifische Paare Fg/Bg — Spec §1b Status-Farben */
  --status-offen-fg: #475569;
  --status-offen-bg: #F1F5F9;

  --status-in-analyse-fg: #7C3AED;
  --status-in-analyse-bg: #EDE9FE;

  --status-fertig-fg: #166534;
  --status-fertig-bg: #DCFCE7;

  --status-exportiert-fg: #1E40AF;
  --status-exportiert-bg: #DBEAFE;

  --status-geaendert-fg: #92400E;
  --status-geaendert-bg: #FEF3C7;

  /* ── Typografie ─────────────────────────────────────────── */
  --font-headline: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont,
                   "Segoe UI", sans-serif;
  --font-body: "DM Sans", -apple-system, BlinkMacSystemFont,
               "Segoe UI", sans-serif;

  --font-size-h1: 24px;
  --font-size-h2: 18px;
  --font-size-body: 14px;
  --font-size-label: 13px;
  --font-size-hint: 12px;

  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  /* ── Spacing ────────────────────────────────────────────── */
  --spacing-content: 24px;
  --spacing-section: 16px;
  --spacing-card: 20px;
  --spacing-field: 12px;

  /* ── Größen ─────────────────────────────────────────────── */
  --btn-height: 40px;
  --table-row-height: 48px;
  --min-click-area: 40px;

  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-pill: 9999px;
}