/* tokens.css — S.A.S Automobile (Autohaus 17), Haut A „Der Lichtkasten"
   Quelle: bau-brief.md §2.1 (Palette) + §2.2 (Typo) + §2.6 (Tiefe).
   Hell ist der Start; Dunkel per <html data-theme="dark"> (Schalter in rahmen.js).
   Themenfeste Tokens (*-fest) überschreibt KEIN Thema (GESETZ Kap. 11).
   Geteilt von allen Seiten — Hauptseiten (Schritt 6) übernehmen diese Datei. */
:root {
  --grund: #f6f7fa;
  --flaeche: #e9ecf2;
  --text: #121a33;
  --meta: #4a536b;
  --navy: #1f2e66;
  --navy-hover: #172452;
  --auf-navy: #f7f8fb;
  --rot: #d11f2c;
  --rot-text: #b5121f;
  --anthrazit: #3d4148;
  --zettel: #ffffff;
  --zettel-text: #121a33;
  --kante: color-mix(in oklab, var(--anthrazit) 14%, transparent);
  --kante-stark: color-mix(in oklab, var(--anthrazit) 28%, transparent);

  /* themenfest */
  --dunkel-fest: #0e1428;
  --kalk-fest: #f7f8fb;
  --meta-fest: #c9cfdd;
  --rot-fest: #ff5a63;
  --navy-fest: #1f2e66;
  --wa-fest: #17763f; /* WhatsApp-Grün, abgedunkelt: Weiß darauf 5,7:1 */

  --disp: "Anek Latin", system-ui, sans-serif;
  --body: "Atkinson Hyperlegible Next", system-ui, sans-serif;
  --rand: clamp(1.25rem, 4vw, 4.5rem);
  --radius: 6px;
  --schatten:
    0 1px 0 rgb(18 26 51 / 0.06), 0 18px 32px -18px rgb(18 26 51 / 0.28);
  --ease: cubic-bezier(0.2, 0.75, 0.25, 1);
  --kopf-h: 88px;
  color-scheme: light;
}

[data-theme="dark"] {
  --grund: #0c1122;
  --flaeche: #161d35;
  --text: #eceff6;
  --meta: #a9b1c6;
  --navy: #b8c6f5;
  --navy-hover: #d3dcfa;
  --auf-navy: #0c1122;
  --rot-text: #ff7a82;
  --zettel: #161d35;
  --zettel-text: #eceff6;
  --kante: color-mix(in oklab, #c9cfdd 16%, transparent);
  --kante-stark: color-mix(in oklab, #c9cfdd 30%, transparent);
  --schatten: 0 1px 0 rgb(0 0 0 / 0.3), 0 18px 32px -18px rgb(0 0 0 / 0.7);
  color-scheme: dark;
}

@media (max-width: 760px) {
  :root {
    --kopf-h: 64px;
  }
}