@layer reset,tokens,layout,komponenten,animation,utilities;
/* Nach Fontlieferung aktivieren, keine externen Ersatzfonts:
@font-face{font-family:'Archivo Expanded';src:url('../fonts/archivo-expanded-latin-variable.woff2') format('woff2');font-weight:100 900;font-stretch:100% 125%;font-display:swap}
@font-face{font-family:'Source Sans 3';src:url('../fonts/source-sans-3-latin-variable.woff2') format('woff2');font-weight:200 900;font-display:swap}
*/
@layer tokens{
:root{color-scheme:light dark;--schiefer-tief:#14181b;--schiefer:#232a2f;--zink:#8c979c;--zink-hell:#c9d0d3;--kalk:#f2f0eb;--papier:#fbfaf7;--patina:#3e6b5a;--kupfer-neu:#a9603b;--signal:#ffd200;--tinte:#101416;
--grund:var(--kalk);--flaeche:var(--papier);--text:var(--tinte);--sekundaer:#536168;--linie:#c9d0d3;--akzent:var(--patina);--fokus:var(--schiefer);--fehler:#932b28;
--display:'Archivo Expanded','Arial Black','Helvetica Neue',Arial,sans-serif;--schrift:'Source Sans 3','Helvetica Neue',Arial,sans-serif;--text-klein:.875rem;--text-normal:1.0625rem;--text-gross:clamp(1.125rem,1.5vw,1.375rem);--titel:clamp(2.75rem,6.7vw,7rem);--kapitel:clamp(2rem,4vw,4.25rem);--untertitel:clamp(1.25rem,2vw,1.75rem);
--s4:.25rem;--s8:.5rem;--s12:.75rem;--s16:1rem;--s24:1.5rem;--s40:2.5rem;--s64:4rem;--s96:6rem;--s144:9rem;--space-1:var(--s8);--space-2:var(--s16);--space-3:var(--s24);--space-4:var(--s40);--space-5:var(--s64);--space-6:var(--s96);
--max:1440px;--lesebreite:66ch;--rand:clamp(1.25rem,4vw,5rem);--luft:clamp(3rem,7vw,7rem);--spaltenluft:clamp(1rem,2.5vw,2.5rem);--radius:0;--radius-klein:2px;--kante:1px;--kante-signal:3px;--schatten-0:none;--schatten-1:0 1px 1px #0000000d;--schatten-2:0 1px 2px #0000002e;
--dachwinkel:32deg;--falzbreite:96px;--falzhoehe:59.9875px;--falz:polygon(0 0,calc(100% - 96px) 0,100% 59.9875px,100% 100%,0 100%);--dauer:500ms;--ease:cubic-bezier(.22,.68,.28,1);--versatz:60ms;--fortschritt:0}
@media(prefers-color-scheme:dark){:root{--grund:#14181b;--flaeche:#232a2f;--text:#fbfaf7;--sekundaer:#b4bfc3;--linie:#526067;--akzent:#a4c6b4;--fokus:#ffd200;--fehler:#ffb5a8}}
}
