/*
 * DERAY Gestaltungswerte: die eine Quelle fuer Farben, Schrift und Formen.
 * Regeln und Begruendung: docs/GESTALTUNG.md (bestaetigt am 10.10.2026, Variante A,
 * angelehnt an die Webseite deray-inspektion.de).
 *
 * Eingebunden von base.html (Dashboard) und den Werkzeugen. Neue Gestaltung nimmt nur
 * Werte von hier, keine eigenen Farbcodes mehr in den Werkzeugen.
 */
/* Inter liegt lokal (static/schrift/, variable Schrift fuer alle Staerken, Lizenz OFL 1.1),
   damit Programm und Bericht ohne Internet gleich aussehen. Quelle: @fontsource-variable/inter 5.2.5 */
@font-face {
  font-family: 'Inter'; font-style: normal; font-display: swap; font-weight: 100 900;
  src: url(/static/schrift/inter-latin-wght-normal.woff2) format('woff2-variations'),
       url(/static/schrift/inter-latin-wght-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'Inter'; font-style: normal; font-display: swap; font-weight: 100 900;
  src: url(/static/schrift/inter-latin-ext-wght-normal.woff2) format('woff2-variations'),
       url(/static/schrift/inter-latin-ext-wght-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

:root {
  /* ---- Text (Kontrast auf Weiss) ---- */
  --d-text: #1d1d1f;          /* 16,8:1 */
  --d-text-2: #3a3a3c;        /* 11,4:1, zweitrangiger Text */
  --d-hilfe: #5e5e63;         /* ca. 6,4:1, Hilfstexte, nie heller */

  /* ---- Eine Akzentfarbe: Hauptknopf, Auswahl, Fokus, Links ---- */
  --d-akzent: #0071e3;        /* 4,7:1, wie die Webseite */
  --d-akzent-hover: #0062c4;
  --d-akzent-weich: #e8f1fc;  /* Flaeche fuer Gewaehltes */

  /* ---- Flaechen und Rahmen ---- */
  --d-flaeche: #f5f5f7;       /* Seitenhintergrund */
  --d-karte: #ffffff;
  --d-rand: #d2d2d7;          /* Karten, Trennlinien */
  --d-feld-rand: #86868b;     /* Felder und Knoepfe, 3,6:1 */
  --d-dunkel: #1d1d1f;        /* hervorgehobener Kasten (Preis) */
  --d-dunkel-text-2: #d2d2d7;

  /* ---- Statusfarben, immer mit Wort ---- */
  --d-hoch: #b91c1c;    --d-hoch-weich: #fee2e2;     /* Einstufung hoch, Fehler, Sperre */
  --d-mittel: #b45309;  --d-mittel-weich: #fef3c7;   /* Einstufung mittel, Warnung */
  --d-niedrig: #047857; --d-niedrig-weich: #d1fae5;  /* Einstufung niedrig, erledigt */

  /* ---- Schrift ---- */
  --d-schrift: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --d-groesse: 16px;
  --d-groesse-klein: 14px;
  --d-groesse-titel: 18px;
  --d-groesse-seite: 24px;

  /* ---- Formen ---- */
  --d-radius: 8px;
  --d-radius-klein: 6px;
  --d-hoehe: 48px;            /* Mindesthoehe Knoepfe und Felder */
  --d-hoehe-haupt: 52px;      /* Hauptaktion */
  --d-hoehe-zeile: 56px;      /* antippbare Zeile mit Haken */
  --d-fokus: 0 0 0 3px var(--d-akzent-weich);

  /* ---- Alte Namen (Contract A), zeigen auf die neuen Werte ---- */
  --dk-primary: var(--d-akzent);
  --dk-primary-hover: var(--d-akzent-hover);
  --dk-primary-light: var(--d-akzent-weich);
  --dk-primary-lighter: var(--d-akzent-weich);
  --dk-primary-border: var(--d-akzent);
  --dk-bg: var(--d-flaeche);
  --dk-surface: var(--d-karte);
  --dk-border: var(--d-rand);
  --dk-text: var(--d-text);
  --dk-text-muted: var(--d-text-2);
  --dk-text-faint: var(--d-hilfe);
  --dk-accent-amber: var(--d-mittel);
  --dk-accent-amber-bg: var(--d-mittel-weich);
  --dk-accent-red: var(--d-hoch);
  --dk-accent-red-bg: var(--d-hoch-weich);
  --dk-radius-sm: var(--d-radius);
  --dk-radius-md: var(--d-radius);
  --dk-radius-lg: var(--d-radius);
  --dk-shadow-card: none;
  --dk-btn-h: var(--d-hoehe);
}