/* Designsystem: alle Grundwerte der Seite. Für andere Projekte wird nur diese Datei getauscht. */
@font-face { font-family: "Plex Sans"; src: url("/fonts/plex-sans.woff2") format("woff2"); font-weight: 100 700; font-stretch: 85% 100%; font-display: swap; }

:root {
  /* Farbe: Marker nur als Fläche, nie als Schrift auf Hell */
  --marker: #f5ff00;
  --ink: #000;
  --ink-soft: #4a4f52;
  --paper: #fff;
  --mist: #f4f8fa;
  --line: #cbd4d7;

  /* Schrift */
  --sans: "Plex Sans", system-ui, sans-serif;
  --text-s: .9375rem;
  --text-m: clamp(1.0625rem, 1rem + .3vw, 1.25rem);
  --text-l: clamp(1.25rem, 1.1rem + .7vw, 1.625rem);
  --text-xl: clamp(2.25rem, 1.5rem + 3.2vw, 4.25rem);
  --text-hero: clamp(2.75rem, 1.3rem + 5.6vw, 7rem);
  --stream: clamp(14px, 1.7vw, 26px);

  /* Raum */
  --gutter: clamp(1.25rem, 4vw, 4rem);
  --gap: clamp(.5rem, 1vw, .875rem);
  --space-s: .75rem;
  --space-m: 1.5rem;
  --space-l: clamp(2.5rem, 5vw, 4.5rem);
  --space-xl: clamp(5rem, 10vw, 9rem);
  --measure: 40rem;
  --page: 88rem;

  /* Bewegung */
  --ease-flow: cubic-bezier(.2, .7, .1, 1);
}