/* ============================================================
   SCHWIDER GBR — "Hallenboden-Zinn"
   Tokens nach bau-brief.md §3/§4 — 1:1 übernommen, nicht erfunden.
   ============================================================ */

@font-face {
  font-family: "Newsreader";
  src: url("../fonts/newsreader-500.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Newsreader";
  src: url("../fonts/newsreader-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter Tight";
  src: url("../fonts/intertight-1.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Inter Tight";
  src: url("../fonts/intertight-2.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Inter Tight";
  src: url("../fonts/intertight-3.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
}

:root {
  color-scheme: dark;

  /* Palette (bau-brief §3) — DUNKEL, Standard */
  --boden: #151b18;
  --fuge: #1e2523;
  --hallenweiss: #e9eae5;
  --bernstein: #e9a73e;
  --bernstein-tief: #8a5a12;
  --zinn: #97a09b;
  --kante: rgba(233, 234, 229, 0.1);
  /* Schrift AUF dem Akzent (Knoepfe). Rollen-Token statt fester Farbe:
     im hellen Thema ist --bernstein nachgedunkelt, dunkle Schrift darauf kam
     nur noch auf 3,09:1 (Lighthouse 01.09.2026). Die Rolle kippt mit dem
     Thema, der Kontrast bleibt. */
  --auf-akzent: #201203;
  /* Akzent im Hover-Zustand. War frueher als #F0B358 fest im Knopf verdrahtet
     — im hellen Thema wurde der Knopf beim Ueberfahren HELLER und die helle
     Schrift darauf unlesbar (1,78:1). Als Token kippt er mit dem Thema. */
  --bernstein-hover: #f0b358;

  /* Fixe "Halle-dunkel"-Werte für Video-/Scrim-Köpfe (Nachtrag 17.08.2026,
     Auftrag 2): Hero, Unterseiten-Kopf, Wagenkarte, Suchauftrag und die
     Kopfzeile bleiben IMMER dunkel — bewusste Entscheidung, siehe theme.css.
     Diese Werte ändern sich NIE, unabhängig vom aktiven Theme. */
  --kopf-boden: #151b18;
  --kopf-fuge: #1e2523;
  --kopf-hallenweiss: #e9eae5;
  --kopf-bernstein: #e9a73e;
  --kopf-bernstein-tief: #8a5a12;
  --kopf-zinn: #97a09b;
  --kopf-kante: rgba(233, 234, 229, 0.1);

  /* Fonts */
  --f-display: "Newsreader", Georgia, serif;
  --f-body: "Inter Tight", "Segoe UI", sans-serif;

  /* Type scale (bau-brief §4, exakt) */
  --t-hero: clamp(3.2rem, 9.6vw, 8.6rem);
  --t-jahr: clamp(4rem, 12vw, 11rem);
  --t-displayL: clamp(2.4rem, 5.6vw, 5.2rem);
  --t-h1: clamp(2.1rem, 4.2vw, 3.6rem);
  --t-h2: clamp(1.7rem, 2.6vw, 2.5rem);
  --t-h3: clamp(1.15rem, 1.6vw, 1.35rem);
  --t-lead: clamp(1.15rem, 1.4vw, 1.35rem);
  --t-body: 1.0625rem;
  --t-caption: 0.8125rem;

  /* Motion (bau-brief §6) */
  --ease-auslauf: cubic-bezier(0.16, 0.72, 0.1, 1);
  --dur-media: 720ms;
  --dur-text: 580ms;
  --stagger: 80ms;

  --rand: clamp(1.5rem, 5vw, 4.5rem);
}

/* ============================================================
   HELL-THEME (Nachtrag 17.08.2026, Auftrag 2)
   Gleiche Kontrastverhältnisse wie Dunkel — Bernstein für Text auf
   hellem Grund nachgedunkelt (8A5A12, ≥4,5:1 auf Bühne UND Fuge,
   geprüft per Node/WCAG-Formel). Video-/Scrim-Köpfe bleiben laut
   Entscheidung IMMER dunkel — siehe theme.css, dort werden die
   --kopf-*-Werte fest verdrahtet, unabhängig vom Theme. */
[data-theme="light"] {
  color-scheme: light;
  --boden: #f4f1ea;
  --fuge: #ece7dc;
  --hallenweiss: #1b1f1c;
  --bernstein: #8a5a12;
  --bernstein-tief: #6b4610;
  --zinn: #5c655f;
  --kante: rgba(27, 31, 28, 0.14);
  --auf-akzent: #fdfaf3;
  --bernstein-hover: #6b4610;
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme]) {
    color-scheme: light;
    --boden: #f4f1ea;
    --fuge: #ece7dc;
    --hallenweiss: #1b1f1c;
    --bernstein: #8a5a12;
    --bernstein-tief: #6b4610;
    --zinn: #5c655f;
    --kante: rgba(27, 31, 28, 0.14);
  }
}