/* Archivo Expanded 800, SIL Open Font License 1.1, frei nutzbar.
   Lizenztext: assets/fonts/OFL-Archivo.txt
   Loest Eurostile Extended Black ab, fuer die eine kostenpflichtige
   Weblizenz noetig gewesen waere. */
@font-face {
  font-family: 'Archivo Expanded';
  src: url('../assets/fonts/Archivo-Expanded-800-latin-ext.woff2') format('woff2');
  /* Die Datei ist die Stufe 800 in 125 Prozent Laufweite. Der weite
     Bereich sorgt dafuer, dass jede Gewichtsangabe im CSS auf sie
     faellt, so wie es bei Eurostile auch war. */
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Archivo Expanded';
  src: url('../assets/fonts/Archivo-Expanded-800-latin.woff2') format('woff2');
  /* Die Datei ist die Stufe 800 in 125 Prozent Laufweite. Der weite
     Bereich sorgt dafuer, dass jede Gewichtsangabe im CSS auf sie
     faellt, so wie es bei Eurostile auch war. */
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --c-dunkel: #131316;
  --c-hell: #f3f1ed;
  /* Lichtblock: warmes Papier statt Weiss, Anthrazit als Tinte */
  --c-papier: #f0ede7;
  --c-papier-tief: #e2ded5;
  --c-tinte: #131316;
  --c-tinte-sekundaer: rgba(19, 19, 22, 0.68);
  --c-tinte-linie: rgba(19, 19, 22, 0.14);
  --c-peach: #ffaa6e;
  --c-pink: #ff469b;
  --c-blau: #69aaff;
  --c-cyan: #1dbdd4;
  --c-text-hell: #f3f1ed;
  --c-text-sekundaer-dunkel: #8b8b86;
  --c-text-sekundaer-hell: rgba(19, 19, 22, 0.55);
  --font-headline: 'Archivo Expanded', 'Michroma', 'Arial Black', sans-serif;
  --font-copy: 'Inter', system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', 'SF Mono', 'Menlo', monospace;
  --gradient-spektrum: linear-gradient(90deg, var(--c-peach), var(--c-pink), var(--c-blau), var(--c-cyan));
  --space-s: clamp(1rem, 2vw, 1.5rem);
  --space-m: clamp(2rem, 4vw, 3.5rem);
  --space-l: clamp(4rem, 8vw, 8rem);
  --size-headline-xl: clamp(1.7rem, 4vw, 3.9rem);
  --size-headline-l: clamp(1.35rem, 3.2vw, 2.9rem);
  --size-headline-m: clamp(0.95rem, 1.8vw, 1.55rem);
  --size-copy: clamp(1rem, 1.2vw, 1.15rem);
  --size-klein: clamp(0.72rem, 0.9vw, 0.85rem);
}