/* Tokens Back & Boldt — 1:1 aus bau-brief.md §2 (Zahlen unverändert, nichts erfunden).
   Start-Thema ist HELL (GESETZ Kap. 1, Hamada 10.09.2026). `prefers-color-scheme: dark`
   kippt den Start NICHT — das Dunkel-Thema hängt allein an [data-theme="dark"]. */

:root {
  color-scheme: light;

  /* Start-Thema HELL (bau-brief §2.1) */
  --grund: #f2f6f9;
  --flaeche: #e3eaf1;
  --kante: #d3dde6;
  --tinte: #10243a;
  --meta: #5a6b7c;
  --marke: #00639b;
  --logo-blau: #0081c5;
  --soul: #c11e21;
  --soul-tief: #8e1114;
  /* Schrift AUF rotem Grund — wechselt mit dem Thema (bau-brief §2.4b FAIL 1) */
  --soul-schrift: #ffffff;

  /* Themenfeste Bühnen-Token (bau-brief §2.3, GESETZ Kap. 11) —
     werden von KEINEM Thema überschrieben. */
  --kalk-fest: #f3f6f8;
  --meta-fest: #c7d2da;
  --dunkel-fest: #080e14;
  /* Fremd-Blick 12.09.2026 (Runde 2, B1): Kopf UND dunkle Bühnen (.sek--buehne)
     zeigen EIN Akzentrot, eisern — vorher folgte .sek--buehne dem
     Themen-Soul (193,30,33 hell / 242,85,75 dunkel), der Kopf war schon
     fest auf #c11e21. --akzent-fest ist derselbe Wert wie der Kopf, gilt
     für BEIDE Themen gleich. */
  --akzent-fest: #ff5a52;
  /* Gerichteter Scrim — ZWEI Achsen (@hero-engineer 11.09.2026, gemessen).
     Die einachsige Fassung aus bau-brief §2.3 hat den Desktop-Kopf nicht
     getragen: die Tageslicht-Clips haben helle Himmel und silberne/weiße
     Fahrzeuge, die genau durch die Textzone fahren — H1 fiel auf 1,0:1,
     der rote Knopf auf 1,4:1 gegen seinen Untergrund (Messung
     `_arbeit/kopf-kontrast.json`, Runde 1).
     Deshalb: senkrecht kräftiger UND zusätzlich von links nach rechts
     auslaufend. Das Motiv bleibt oben und rechts hell — dort fährt das
     Auto —, nur die Textecke unten links wird getragen. */
  --scrim:
    linear-gradient(
      to top,
      rgba(8, 14, 20, 0.97) 0%,
      rgba(8, 14, 20, 0.93) 18%,
      rgba(8, 14, 20, 0.76) 36%,
      rgba(8, 14, 20, 0.44) 54%,
      rgba(8, 14, 20, 0.14) 70%,
      transparent 82%
    ),
    linear-gradient(
      to right,
      rgba(8, 14, 20, 0.76) 0%,
      rgba(8, 14, 20, 0.54) 28%,
      rgba(8, 14, 20, 0.22) 50%,
      transparent 68%
    );

  /* Motion (bau-brief §6) */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --t1: 150ms;
  --t2: 300ms;
  --t3: 450ms;
  --t4: 600ms;

  /* Alias-Token für die Autohaus-Bausteine 0–8 (bausteine.css nutzt die
     generischen Namen --text/--akzent/--linie — hier auf unsere echten
     Tokens gemappt, damit der Baustein-Code unverändert bleibt und der
     Hell/Dunkel-Schalter automatisch mitzieht, GESETZ Kap. 11). */
  --text: var(--tinte);
  --akzent: var(--soul);
  --linie: var(--kante);
  --flaeche-2: var(--flaeche);
}

[data-theme="dark"] {
  color-scheme: dark;

  /* Schalter-Thema DUNKEL (bau-brief §2.2) */
  --grund: #0c141c;
  --flaeche: #14202b;
  --kante: #1f2e3c;
  --tinte: #edf2f6;
  --meta: #9aaab8;
  --marke: #5ab2e8;
  --soul: #f2554b;
  --soul-tief: #c11e21;
  --soul-schrift: #0c141c;
  /* --logo-blau bleibt gleich: reine Flächen-/Grafikfarbe, trägt nie Text. */
}