/* =========================================================
   ZSF Tools UI Kit — theme.css (Subventionssimulator)
   Farbvariablen dieser App. Variablennamen nie ändern —
   shared-ui.css konsumiert sie. Muss VOR shared-ui.css
   eingebunden werden.
   ========================================================= */

:root {
  /* Primärfarbe: Buttons, Links, Fokus, aktive Zustände */
  --color-primary: #2563eb;
  --color-primary-hover: #1d4ed8;
  --color-primary-focus: rgba(96, 165, 250, 0.45);
  --color-on-primary: #ffffff;
  --color-primary-bg: #eff6ff;      /* Info-Alerts, selektierte Auswahlkarten */
  --color-primary-border: #bfdbfe;  /* Ring/Rahmen selektierter Elemente */

  /* Akzentfarbe: Hervorhebungen, sekundäre CTAs (hier ungenutzt) */
  --color-accent: #f59e0b;
  --color-on-accent: #1a1a1a;

  /* Basis */
  --color-bg: #f9fafb;
  --color-surface: #ffffff;
  --color-surface-muted: #f9fafb;   /* Sub-Cards, Tabellenkopf */
  --color-text: #1f2937;
  --color-text-muted: #6b7280;
  --color-text-subtle: #9ca3af;
  --color-border: #e5e7eb;
  --color-border-strong: #d1d5db;   /* Eingabefelder */
  --color-border-muted: #f3f4f6;    /* Sub-Cards, neutrale Badges */

  /* Status. Konvention: Basis = Aktions-/Akzentton,
     *-text = dunkler Text auf farbiger Fläche,
     *-bg = Badge-Fläche, *-bg-soft = Alert-Fläche, *-border = Rahmen */
  --color-success: #16a34a;
  --color-success-text: #166534;
  --color-success-bg: #dcfce7;
  --color-success-bg-soft: #f0fdf4;
  --color-success-border: #bbf7d0;

  --color-warning: #d97706;
  --color-warning-text: #92400e;
  --color-warning-bg: #fef3c7;
  --color-warning-bg-soft: #fffbeb;
  --color-warning-border: #fde68a;

  --color-error: #dc2626;
  --color-error-hover: #b91c1c;
  --color-error-text: #991b1b;
  --color-error-bg: #fee2e2;
  --color-error-bg-soft: #fef2f2;
  --color-error-border: #fecaca;

  --color-info-text: #1e40af;
  --color-info-bg: #dbeafe;

  /* Radius-System: sm = Badges, Basis = Buttons/Inputs/Alerts/Sub-Cards,
     lg = Haupt-Cards, full = Pills/Fortschrittsbalken */
  --radius-sm: 4px;
  --radius: 8px;
  --radius-lg: 12px;
  --radius-full: 999px;

  --font-base: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
}