/*
 * THW-Corporate-Design für den Django-Admin (Verwaltung).
 *
 * Überschreibt ausschließlich die CSS-Custom-Properties des Admin-Themes
 * (kein Ersetzen mitgelieferter Stylesheets). Wird über den
 * {% block extrastyle %} von templates/admin/base_site.html NACH base.css
 * und dark_mode.css eingebunden, gewinnt also in der Cascade.
 *
 * Farben gemäß THW-Corporate-Design (wie THW-Einsatzdoku):
 *   THW-Blau    #003087   THW-Dunkelblau #001f5c   THW-Gelb #FFD100
 *
 * WICHTIG zur Dark-Mode-Strategie:
 *  - Marken-Chrome (Kopf, Breadcrumbs, Buttons, Branding) liegt auf blauem
 *    bzw. dunklem Grund und ist in HELL und DUNKEL lesbar -> universell setzen.
 *  - Link- und Auswahlfarben (THW-Blau) NUR im Hellmodus setzen. Im Dunkelmodus
 *    behält Django seine hellen Linkfarben (#81d4fa) -> sonst dunkelblaue Links
 *    auf dunklem Grund = unlesbar. Deshalb hier per @media (prefers-color-scheme:
 *    light) statt nacktem :root (das läuft sonst auch im Auto-Dark-Modus).
 */

/* ---- Marken-Chrome: alle Theme-Zustände (hell / dunkel / auto) ---- */
html[data-theme="light"],
html[data-theme="dark"],
html[data-theme="auto"],
:root {
  --primary: #003087;            /* THW-Blau */
  --secondary: #003087;
  --accent: #FFD100;             /* THW-Gelb */
  --primary-fg: #ffffff;

  /* Kopfzeile */
  --header-color: #c7d6f2;             /* dezenter Hellblau-Ton für Begrüßung */
  --header-branding-color: #FFD100;    /* Logo-/Markentext in THW-Gelb */
  --header-bg: #003087;
  --header-link-color: #ffffff;

  /* Brotkrumen-Navigation */
  --breadcrumbs-fg: #c7d6f2;
  --breadcrumbs-link-fg: #ffffff;
  --breadcrumbs-bg: #001f5c;           /* THW-Dunkelblau */

  /* Buttons (weiße Schrift auf THW-Blau -> in beiden Modi lesbar) */
  --button-fg: #ffffff;
  --button-bg: #1a4fa8;                /* sekundär: helleres THW-Blau */
  --button-hover-bg: #003087;
  --default-button-bg: #003087;        /* primär (Speichern): THW-Blau */
  --default-button-hover-bg: #001f5c;
  --object-tools-fg: #ffffff;
  --object-tools-bg: #001f5c;
  --object-tools-hover-bg: #000a1f;

  --font-family-primary:
    "Fira Sans",
    ui-sans-serif,
    system-ui,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji";
}

/* ---- Link-/Auswahlfarben: NUR Hellmodus ----
 * Manueller Hell-Umschalter: html[data-theme="light"].
 * Kein/Auto-Theme bei OS-Hell (inkl. "no preference"): @media light auf :root. */
html[data-theme="light"],
:root[data-theme="light"] {
  --link-fg: #003087;
  --link-hover-color: #001f5c;
  --link-selected-fg: #003087;
  --selected-row: #fff7cc;             /* dezentes THW-Gelb */
  --selected-bg: #e9eefb;              /* dezentes THW-Blau */
}
@media (prefers-color-scheme: light) {
  :root {
    --link-fg: #003087;
    --link-hover-color: #001f5c;
    --link-selected-fg: #003087;
    --selected-row: #fff7cc;
    --selected-bg: #e9eefb;
  }
}

/* ---- THW-Akzentstreifen + Markenzeile in der Kopfleiste ---- */
#header {
  border-bottom: 4px solid #FFD100;    /* gelber Streifen wie im Frontend-Header */
}
#header #branding h1 {
  font-family: "Fira Sans Condensed", "Fira Sans", sans-serif;
  font-weight: 700;
  letter-spacing: 0.01em;
}
#header #branding h1 a.thw-admin-brand {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
}
#header #branding h1 a.thw-admin-brand img {
  height: 30px;
  width: auto;
  display: block;
}

/* Überschriften im Admin in der Condensed-Variante */
.module h2,
.module caption,
#content h1 {
  font-family: "Fira Sans Condensed", "Fira Sans", sans-serif;
}