/* Friedhold-Designsystem – 1:1 aus specifications/design.md übernommen. Nie neu erfinden; Änderungen erst in design.md. */
:root {
  /* Markenfarben */
  --color-primary: #114B43;        /* Moos-Blaugrün: Header, dunkle Flächen, primäre UI */
  --color-action: #FAAC1A;         /* Dottergelb: NUR für die eine primäre Aktion pro Ansicht */
  --color-secondary: #8DA399;      /* Salbeigrün: unterstützende Flächen, nie Textfarbe auf hell */
  --color-background: #FAF8F5;     /* Eierschale: Seitenhintergrund (statt Weiß) */
  --color-surface: #FFFFFF;        /* Cards/Flächen auf Eierschale */

  /* Text */
  --color-text: #1A2421;           /* Waldschwarz: Text auf hellen Flächen UND auf Dottergelb */
  --color-text-inverse: #FAF8F5;   /* Eierschale: Text auf dunklen Flächen */

  /* Status (nur für Status, nie dekorativ) */
  --color-success: #62A13A;
  --color-warning: #D4AC0D;
  --color-error: #992532;
  --color-info: #51587F;

  /* Interaktion */
  --color-action-hover: #EF9F10;
  --color-action-active: #DE9204;
  --color-primary-tint-hover: rgba(17, 75, 67, 0.08);
  --color-primary-tint-active: rgba(17, 75, 67, 0.14);
  --color-disabled-surface: #EFEAE2;
  --focus-ring: 2px solid #114B43; /* mit 2px Offset, nur :focus-visible */

  /* Diagramme (Reihenfolge einhalten; --chart-highlight nur zum Hervorheben) */
  --chart-1: #114B43; --chart-2: #8DA399; --chart-3: #51587F;
  --chart-4: #3E7A6F; --chart-5: #D4AC0D; --chart-highlight: #FAAC1A;

  /* Form */
  --radius-small: 4px;             /* Inputs, Badges, Tags */
  --radius-medium: 8px;            /* Buttons */
  --radius-large: 12px;            /* Cards, Modals */
  --radius-full: 999px;            /* Pills, Avatare */
  --shadow-card: 0 2px 8px rgba(26, 36, 33, 0.08);
  --shadow-card-hover: 0 4px 14px rgba(26, 36, 33, 0.12);

  /* Bewegung */
  --transition: 200ms ease;        /* auf background, border, color, shadow, transform */

  /* Schrift */
  --font-heading: 'Outfit', sans-serif;
  --font-body: 'Inter', sans-serif;
  --font-print: Helvetica, Arial, sans-serif; /* nur Bons, Lieferscheine, Rechnungen, E-Mail */
}