/* lowperformer. — tokens
   erzeugt aus marke/designsystem/tokens.json von werkzeuge/designsystem_in_shop.py.
   nicht hier ändern: den wert im designsystem ändern, dann das skript laufen lassen. */

@font-face {
  font-family: 'LP Tipp E';
  src: url('../assets/fonts/lp-tipp-e.woff2?v=20261007') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --bg: #F2EEE7;
  --ink: #181714;
  --ink-leise: rgba(24,23,20,.62);
  --ink-12: rgba(24,23,20,.12);
  --ink-feld: rgba(24,23,20,.48);
  --rot: #D33934;
  --pistazie: #C4CCAB;
  --grau-dunkel: #2F2E2A;
  --off-white: #F2EEE7;
  --ink-fest: #181714;
  --header-bg: var(--grau-dunkel);
  --header-ink: var(--off-white);
  --hero-ink-72: rgba(24,23,20,.72);
  --fuss-ink-50: rgba(242,238,231,.5);
  --fuss-ink-40: rgba(242,238,231,.4);
  --kopf-hoehe: 60px;
  --karte-innen: 20px;
  --feld-abstand: 20px;
  --rand-min: 16px;
  --rand-max: 40px;
  --gap-min: 24px;
  --gap-max: 48px;
  --max: 1200px;
  --radius: 2px;
  --rund: 50%;
  --gap: clamp(1.5rem, 4vw, 3rem);
  --rand: clamp(1rem, 5vw, 2.5rem);
  --t-text: 14px;
  --t-zeile: 20px;
  --t-eingabe: 14px;
  --s-headline: clamp(44px, 10vw, 96px);
  --s-abschnitt: 24px;
  --s-zitat: 24px;
  --s-karte: 20px;
  --s-name: 20px;
  --anschlag: min(0.042em, 1.5px) 0 0 currentColor;
  --laufweite-headline: 0.06em;
  --laufweite-versal: 0.22em;
  --haarlinie: 1px;
  --zitatstrich: 2px;
  --stempel-rahmen: 1.5px;
  --font-tipp: "LP Tipp E", "Courier New", monospace;
}

[data-theme="dark"] {
  --bg: #111110;
  --ink: #F2EEE7;
  --ink-leise: rgba(242,238,231,.6);
  --ink-12: rgba(242,238,231,.12);
  --ink-feld: rgba(242,238,231,.37);
  --header-bg: var(--off-white);
  --header-ink: var(--ink-fest);
}