/* eyeris — Tokens (CD_2026-09-26 §3, Richtung A „Kino, dunkel“). Diese Datei ist der Prefix-Anker des Kerns (css/tokens.css).
   Kontrast geprüft mit werkzeuge/kontrast.mjs: jedes Text/Grund-Paar ≥ 4,5:1. Markenrot #c82c17 ist FLÄCHE (Punkt, Knopf);
   für roten TEXT auf Dunkel gilt Signalrot #ff4a2e, auf Papier das dunklere Ziegelrot #b52714. */
@font-face{font-family:"Montserrat";font-style:normal;font-weight:300;font-display:swap;src:url("../assets/schrift/montserrat-300.woff2") format("woff2")}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:400;font-display:swap;src:url("../assets/schrift/montserrat-400.woff2") format("woff2")}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:500;font-display:swap;src:url("../assets/schrift/montserrat-500.woff2") format("woff2")}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:600;font-display:swap;src:url("../assets/schrift/montserrat-600.woff2") format("woff2")}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:700;font-display:swap;src:url("../assets/schrift/montserrat-700.woff2") format("woff2")}

:root{
  --ey-schwarz:#0f0f10;      /* Bühne, Regal-Grund */
  --ey-kohle:#17171a;        /* Karten, Dock, Fenster */
  --ey-graphit:#232327;      /* Linien, Trenner, Hover-Flächen */
  --ey-rot:#c82c17;          /* Markenrot: Punkt, Knöpfe, Flächen */
  --ey-rot-tief:#a92412;     /* Knopf gedrückt/Hover */
  --ey-signal:#ff4a2e;       /* roter Text und Icons auf Dunkel */
  --ey-ziegel:#b52714;       /* roter Text auf Papier */
  --ey-weiss:#f4f4f4;        /* Text auf Dunkel */
  --ey-nebel:#a8a8ad;        /* Nebentext auf Dunkel */
  --ey-papier:#f7f5f2;       /* helle Sektionen */
  --ey-papier-2:#ece8e2;     /* Linien und Flächen auf Papier */
  --ey-tinte:#1f1f1f;        /* Text auf Papier */
  --ey-tinte-2:#55534f;      /* Nebentext auf Papier */
  --ey-schrift:"Montserrat",system-ui,-apple-system,"Segoe UI",sans-serif;
  --ey-radius-pille:999px; --ey-radius-karte:14px; --ey-radius-bild:10px;
  --ey-kino:2.39/1;
  --kurve:cubic-bezier(.22,1,.36,1);

  --fs-klein:.84rem; --fs-text:1.0625rem; --fs-lead:clamp(1.15rem,1.05rem + .55vw,1.4rem);
  --fs-h1:clamp(2.35rem,1.3rem + 4.6vw,4.9rem); --fs-h2:clamp(1.8rem,1.25rem + 2.3vw,3.1rem); --fs-h3:clamp(1.2rem,1.05rem + .7vw,1.6rem);
  --breite-max:1420px; --breite-schmal:860px;
  --pad:clamp(1.15rem,.6rem + 2.6vw,3rem);
  /* Rand einer randlosen Reihe, deckungsgleich mit dem Rand des zentrierten Inhalts */
  --rand:max(var(--pad),calc((100vw - var(--breite-max)) / 2 + var(--pad)));
  --abstand:clamp(3.75rem,2.4rem + 6vw,8rem);
  --kopf-hoehe:72px;
}
@media (max-width:899px){:root{--kopf-hoehe:62px}}
/* Große Bildschirme: Wurzelschrift stufenweise, Inhalt breiter (Lehre ONFYR 25.09.: 16-px-Typo lässt bei 2560 px zwei Drittel leer) */
@media (min-width:1900px){html{font-size:18px} :root{--breite-max:1640px}}
@media (min-width:2300px){html{font-size:20px} :root{--breite-max:1960px}}
@media (min-width:3000px){html{font-size:24px} :root{--breite-max:2400px}}

/* LOGOWAND-STANDARD (~/Claude/Logowand): Tokens der Wand an die eyeris-Marke gebunden */
:root{--lw-linie:var(--ey-graphit);--lw-karte:rgba(23,23,26,.72);--lw-akzent:var(--ey-signal);--lw-text:var(--ey-weiss);--lw-kurve:var(--kurve);--lw-kopf:72}