/* =====================================================================
   THEME – hier wird das Erscheinungsbild an die Firmen-CI angepasst.
   Angelehnt an den Aufbau von schirmacher-hf.de: weißer Kopf mit Logo,
   schlanke Infoleiste, klare Überschriften mit kleiner Dachzeile,
   dunkler Fußbereich mit Firmenanschrift.

   Die Farbwerte unten sind PLATZHALTER. Bitte durch die CI-Werte
   ersetzen (Hex-Codes aus dem Styleguide oder der Website).
   Logo: Datei /assets/img/logo.svg (oder .png) ersetzen.
   ===================================================================== */
:root {
  /* Markenfarben (Platzhalter) */
  --brand:        #0d2c54;   /* Hauptfarbe: Kopf-Akzente, Buttons, Überschriften */
  --brand-dark:   #081d38;   /* Fußbereich, Hover */
  --brand-light:  #e8eef6;   /* Flächen in Markenfarbe, hell */
  --accent:       #c8102e;   /* Akzent: Dachzeilen, Unterstreichungen, aktive Menüpunkte */

  /* Schrift – bei Bedarf Webfont eintragen und unten in --font-head/--font-body nutzen */
  --font-body: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-head: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --head-transform: uppercase;      /* Überschriften in Versalien wie auf der Website */
  --head-spacing: .02em;

  /* Neutrale Töne */
  --bg: #f3f4f6; --surface: #ffffff; --text: #1d2125; --muted: #66707a; --line: #dde1e6;
  --ok: #1a7f37; --bad: #c62828; --warn: #a85a00; --star: #f2a51a;
  --mark: #fff3e0; --mark-line: #e08a00;
  --radius: 4px; --shadow: 0 1px 3px rgba(0,0,0,.06), 0 4px 14px rgba(0,0,0,.04);
  --header-bg: #ffffff; --header-text: var(--brand); --topbar-bg: var(--brand); --topbar-text: #ffffff;
  --footer-bg: var(--brand-dark); --footer-text: #c9d3df;
  color-scheme: light;
}

/* Dunkle Darstellung (Gerät im Dunkelmodus, z. B. abends in der Halle) */
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #111418; --surface: #1a1f25; --text: #e6e9ee; --muted: #9aa5b3; --line: #2c343d;
    --brand-light: #1c2a3c; --mark: #3a2c14;
    --header-bg: #161b21; --header-text: #e6e9ee; --topbar-bg: #0b1626;
    color-scheme: dark;
  }
}