/* werte.css */
/* werte.css – Gestaltungswerte (Umsetzungsblatt 5.4, K9 (3)). Namen fest, Werte aus Muster A3.
   Keine Farbe steht außerhalb dieser Datei fest im CSS (außer in den Nachbauten der Programmoberflächen). */
:root {
  /* Namen und Werte nach Umsetzungsblatt 5.4 */
  --text: #0F172A;
  --text-2: #475569;
  --text-3: #64748B;
  --grund: #F8FAFC;
  --karte: #FFFFFF;
  --rahmen: #E2E8F0;
  --rahmen-2: #CBD5E1;
  --blau: #2673A6;          /* nur Links, Fokus, kleine Akzente (B20 (2)) */
  --blau-h: #1F5C85;
  --knopf: #232933;         /* Hauptknöpfe (B20 (1)) */
  --knopf-h: #3A4250;
  --knopf-rahmen: #7A8698;  /* zweite Knöpfe */
  --knopf-r: 8px;
  --dunkel: #232933;        /* dunkler Seitenabschluss (B18 (3)) */
  --dunkel-text: #E6EAF0;
  --dunkel-leise: #A3AAB5;
  --dunkel-link: #59A6D9;
  --gruen: #15803D;         /* Haken „enthalten“ */
  --logo-blau: #3C96D2;     /* nur im Logo (B18 (1)) */
  --logo-grau: #404449;     /* Schriftzug im Logo (K9 (3)) */
  --flaeche: #EEF2F7;       /* Flächen hinter Programmbildern */
  --flaeche-rand: #E1E7EF;
  --schrift: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --max: 1200px;
  --kopf-h: 68px;

  /* Ergänzungen aus Muster A3 (nicht in 5.4 benannt), damit keine Farbe außerhalb dieser Datei steht */
  --weiss: #FFFFFF;
  --grau-1: #F1F5F9;        /* Hover heller Knöpfe */
  --grau-7: #334155;        /* Menütext */
  --blau-50: #F3F8FC;
  --blau-200: #CDE4F4;
  --blau-800: #1D567C;
  --blau-100: #EAF4FA;       /* Markierung der Auswahl im Preisrechner (K36) */
  --blau-linie: rgba(38, 115, 166, .35); /* Unterstrich von Links im Rechner (K36) */
  --indigo-50: #F3F8FC;
  --indigo-200: #CDE4F4;
  --indigo-800: #1D567C;
  --indigo: #3C96D2;        /* Symbol bei Web-Bestätigungen (K36) */
  --fehler: #B91C1C;        /* Fehlerzustand von Eingaben (K36) */
  --fehler-h: #991B1B;
  --fehler-grund: #FEF2F2;
  --fehler-rand: #FCA5A5;
  --gesperrt: #94A3B8;      /* gesperrte Plus/Minus-Knöpfe (K36) */
  --hinweis-grund: #FEF3C7; /* Band „Muster“ und Platzhalter */
  --hinweis-text: #78350F;
  --hinweis-rand: #FCD34D;
  --dunkel-hell: #F1F4F8;   /* heller Knopf auf dunkler Fläche */
  --dunkel-linie: rgba(255, 255, 255, .13);
  --dunkel-flaeche: rgba(255, 255, 255, .06);
  --dunkel-platz-rand: rgba(230, 234, 240, .42);
  --kopf-grund: rgba(255, 255, 255, .88);
  --abdunkelung: rgba(15, 23, 42, .6); /* Seite hinter dem Fenster der Einwilligung (B86, AW-17) */
  --punkte: radial-gradient(rgba(15, 23, 42, .075) 1px, transparent 1.3px);
  --schatten-1: 0 1px 2px rgba(15, 23, 42, .04), 0 1px 3px rgba(15, 23, 42, .06);
  --schatten-2: 0 12px 32px -12px rgba(15, 23, 42, .18), 0 4px 10px -4px rgba(15, 23, 42, .08);
  --schatten-kopf: 0 10px 30px -22px rgba(15, 23, 42, .35);
  --schatten-menue: 0 24px 40px -24px rgba(15, 23, 42, .35);
  --r: 14px;
  --r-l: 20px;
  --r-xl: 28px;
  --ease: cubic-bezier(.2, .7, .2, 1);
}