/*
  Design-Tokens des Regiodocs Hub (Arbeitsname) – die EINZIGE Stelle mit Farbwerten.
  Quelle: Konzept/design/Corporate_Design.md (Startvariante B, Simon 02.11.2026).
  Alle Komponenten, app.css und das MudBlazor-Theme (Theme/HubTheme.cs liest diese Datei ein)
  verwenden nur diese Variablen. Kontrast Text/Hintergrund ≥ 4,5:1 wird in
  Regiodocs.Hub.Web.Tests/KontrastTests.cs für alle verwendeten Paare geprüft.

  Hell-Modus ist Standard. Ein späterer Dunkel-Modus überschreibt nur Werte, siehe Block am Ende.
  Hexwerte stehen immer sechsstellig, damit Theme und Kontrastprüfung sie lesen können.
*/

/* Schrift Inter (SIL OFL 1.1, selbst gehostet unter /fonts, kein Abruf bei Dritten). */
@font-face {
  font-family: "Inter";
  src: url("/fonts/InterVariable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("/fonts/InterVariable-Italic.woff2") format("woff2");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

:root {
  /* ---------- Flächen ---------- */
  --rd-flaeche: #FFFFFF;              /* Karten, Arbeitsfläche hell */
  --rd-flaeche-hell: #F4F5F4;         /* Seitenhintergrund, Tabellenköpfe */
  --rd-flaeche-hover: #F8FAF5;        /* Zeile unter dem Mauszeiger */
  --rd-flaeche-auswahl: #F3F8EA;      /* ausgewählte Zeile */
  --rd-weiss: #FFFFFF;

  /* ---------- Text ---------- */
  --rd-text: #2B2D2F;                 /* Anthrazit */
  --rd-text-gedaempft: #5F6368;       /* Graphit: Nebentexte, Beschriftungen */
  --rd-text-hell: #FFFFFF;            /* Text auf dunklen/grünen Flächen */

  /* ---------- Rahmen ---------- */
  --rd-rahmen: #D5D8D6;               /* Karbongrau hell: Linien, Rahmen */
  --rd-rahmen-leicht: #ECEEEC;        /* Trenner in Tabellen, graue Chips */
  --rd-rahmen-eingabe: #9AA09C;       /* Eingabefelder (sichtbare Kontur) */

  /* ---------- Dunkel (Seitenleiste Variante B) ---------- */
  --rd-dunkel: #1E2022;
  --rd-dunkel-text: #E6E8E6;
  --rd-dunkel-text-gedaempft: #B8BCB9;
  --rd-dunkel-hover: rgba(255, 255, 255, 0.08);
  --rd-dunkel-trenner: rgba(255, 255, 255, 0.14);
  --rd-dunkel-chip: rgba(255, 255, 255, 0.12);

  /* ---------- Grün ---------- */
  --rd-gruen-haus: #71A323;           /* Hausgrün: Akzent, nie mit weißem Text (3,0:1) */
  --rd-gruen-ui: #4F7A14;             /* Grün UI: Buttons, aktive Einträge, mit weißem Text (5,1:1) */
  --rd-gruen-ui-dunkel: #3F6A0E;      /* Hover auf Grün UI */
  --rd-gruen-text: #3F6A0E;           /* grüner Text auf hellem Grund (7,0:1) */
  --rd-gruen-hell: #E8F1DA;           /* Hinweisflächen, Auswahl, PA-Kennung */

  /* ---------- Akzente ---------- */
  --rd-amber: #E0A030;                /* Aufmerksamkeit (Zähler, „vorläufig“, Fremdeinsatz) */
  --rd-amber-hell: #FBEFD6;
  --rd-amber-text: #8A5A00;
  --rd-blau: #006EAC;                 /* Regiodocs-Blau: nur Links und Info */
  --rd-blau-hover: #00517F;

  /* ---------- Ampel (nur für Warnungen/Verstöße, nie Deko) ---------- */
  --rd-ampel-rot: #B3261E;
  --rd-ampel-rot-hell: #FBE2E0;
  --rd-ampel-rot-text: #9B2C22;
  --rd-ampel-gelb: #F2C200;
  --rd-ampel-gelb-hell: #FFF4CC;
  --rd-ampel-gelb-text: #6B5300;
  --rd-ampel-gruen: #2E7D32;          /* eigene Ampel-Grünstufe, nicht das Hausgrün */
  --rd-ampel-gruen-hell: #E3F2E5;
  --rd-ampel-gruen-text: #1F5F24;

  /* ---------- Berufsgruppen (immer zusätzlich mit Kürzel) ---------- */
  --rd-gruppe-arzt: #3F6A0E;          /* Ärzte: Grün dunkel, weißer Text */
  --rd-gruppe-arzt-text: #FFFFFF;
  --rd-gruppe-pa: #E8F1DA;            /* PA: Grün hell */
  --rd-gruppe-pa-text: #3F6A0E;
  --rd-gruppe-mfa: #FBEFD6;           /* MFA: Amber */
  --rd-gruppe-mfa-text: #8A5A00;
  --rd-gruppe-azubi: #FFF8EA;         /* Azubis: Amber hell, gestrichelter Rand */
  --rd-gruppe-azubi-text: #8A5A00;
  --rd-gruppe-verwaltung: #ECEEEC;    /* Verwaltung: Graphit */
  --rd-gruppe-verwaltung-text: #5F6368;

  /* ---------- Pool/Bereitschaft (E16, Schritt 6c): eigenes Symbol und eigene Fläche statt gestricheltem Rand (≠ Azubi) ---------- */
  --rd-pool: #E3EEF6;                 /* Fläche der Pool-/Bereitschafts-Marke */
  --rd-pool-text: #00517F;            /* Text/Symbol darauf (Blau dunkel, 7,4:1) */
  --rd-pool-symbol: "⇄";              /* Symbol für Pool/Bereitschaft (Chip, Zeilenkopf, Palette) */

  /* ---------- Auswertungen (Schritt 7a): Säulen im Verlauf, Kontrast ≥ 3:1 gegen die Fläche (Grafik, WCAG 1.4.11) ---------- */
  --rd-saeule-krank: #4F7A14;         /* wie Grün UI, 5,1:1 auf Weiß */
  --rd-saeule-kindkrank: #006EAC;     /* wie Regiodocs-Blau, 5,4:1 auf Weiß */
  --rd-saeule-gesamt: #5F6368;        /* Graphit: „krank gesamt“ ohne Typ-Trennung, 6,0:1 auf Weiß */

  /* ---------- Abwesenheit (schraffiert) ---------- */
  --rd-schraffur-1: #ECEEEC;
  --rd-schraffur-2: #F4F5F4;
  --rd-schraffur-rand: #9AA09C;

  /* ---------- Druck (Arztplan-Druckansicht, schwarz-weiß wie das bisherige PDF, Schritt 6b) ---------- */
  --rd-druck-schwarz: #000000;
  --rd-druck-weiss: #FFFFFF;
  --rd-druck-grau: #595959;

  /* ---------- Schrift ---------- */
  --rd-schrift: Inter, system-ui, "Segoe UI", Roboto, sans-serif;
  --rd-schrift-groesse: 14px;
  --rd-schrift-klein: 12px;
  --rd-schrift-mittel: 15px;
  --rd-schrift-titel: 24px;
  /* Planer und Tagesübersicht (dichte Raster, Schritt 6c/6d) */
  --rd-schrift-mini: 10px;            /* Marken in Chips, Zähler */
  --rd-schrift-winzig: 11px;          /* Nebenzeilen im Planer-Raster */
  --rd-schrift-tabelle: 13px;         /* Tabellen der Tagesübersicht, Planer-Zellen */
  --rd-schrift-gross: 16px;
  --rd-schrift-ueberschrift: 18px;
  --rd-zeilenhoehe: 1.45;
  --rd-gewicht-normal: 400;
  --rd-gewicht-mittel: 500;
  --rd-gewicht-halbfett: 600;
  --rd-gewicht-fett: 700;

  /* ---------- Abstände ---------- */
  --rd-abstand-px: 1px;
  --rd-abstand-0-5: 2px;
  --rd-abstand-0-75: 3px;
  --rd-abstand-1: 4px;
  --rd-abstand-1-25: 5px;
  --rd-abstand-1-5: 6px;
  --rd-abstand-1-75: 7px;
  --rd-abstand-2: 8px;
  --rd-abstand-2-25: 9px;
  --rd-abstand-2-5: 10px;
  --rd-abstand-3: 12px;
  --rd-abstand-3-5: 14px;
  --rd-abstand-4: 16px;
  --rd-abstand-4-5: 18px;
  --rd-abstand-5: 20px;
  --rd-abstand-6: 24px;
  --rd-abstand-8: 32px;

  /* ---------- Rundungen ---------- */
  --rd-rundung-mini: 4px;             /* Chips und Marken im Planer-Raster */
  --rd-rundung-klein: 8px;
  --rd-rundung: 10px;
  --rd-rundung-gross: 12px;
  --rd-rundung-voll: 999px;

  /* ---------- Schatten ---------- */
  --rd-schatten-1: 0 1px 2px rgba(30, 32, 34, 0.06);
  --rd-schatten-2: 0 4px 12px rgba(30, 32, 34, 0.10);
  --rd-fokus: 0 0 0 3px rgba(79, 122, 20, 0.35);
  --rd-ueberlagerung: rgba(30, 32, 34, 0.35);   /* abgedunkelter Hintergrund hinter Dialogen */

  /* ---------- Maße ---------- */
  --rd-seitenleiste-breite: 240px;
  --rd-untere-leiste-hoehe: 64px;
  --rd-tabelle-name-min: 11em;     /* Namensspalte in Admin-Tabellen (Schichtvorlagen, Kalender): höchstens zwei Zeilen */
  --rd-kachel-breite-min: 440px;   /* „Wer ist heute wo – Alle Standorte“: ab ~1200 px Fensterbreite zwei, ab ~1650 px drei Kacheln je Zeile */
}

/*
  Dunkel-Modus (vorbereitet, nicht aktiv): später nur Werte überschreiben, z. B.
  :root[data-thema="dunkel"] { --rd-flaeche: …; --rd-flaeche-hell: …; --rd-text: …; }
  und HubTheme.PaletteDark aus denselben Namen füllen.
*/