/* Design-Tokens: MR.LANDSHUT (Neuentwurf)
   Farben, Schrift, Abstände. Alles andere in styles.css nutzt nur diese Variablen. */
:root {
  color-scheme: dark;

  /* Farben */
  --night: #0b0b0b;              /* Seitenhintergrund */
  --night-2: #141414;            /* Kacheln, Karten */
  --night-3: #1c1c1c;            /* Kachel-Hover */
  --ink: #f2f2f0;                /* Haupttext */
  --ink-2: rgba(242, 242, 240, .58); /* Nebentext */
  --ink-ghost: #3d3c3a;          /* noch nicht "eingefärbte" Wörter beim Scroll-Reveal */
  --line: rgba(242, 242, 240, .12);
  --paper: #f2f2f0;              /* helle Sektion */
  --paper-ink: #0b0b0b;
  --paper-2: rgba(11, 11, 11, .56);
  --paper-ghost: #c9c8c5;
  --ember: #ffffff;              /* Akzent: Weiß (Schwarz/Weiß-Design) */

  /* Schrift (Archivo Expanded Black lokal in fonts/ ablegen, siehe fonts.css) */
  --sans: "BDO Grotesk", "Helvetica Neue", Arial, sans-serif;
  --wide: "Archivo", "Arial Black", Impact, sans-serif;

  /* Layout */
  --gut: clamp(16px, 1.8vw, 26px);
  --ease: cubic-bezier(.22, 1, .36, 1);
  --ease-io: cubic-bezier(.65, 0, .35, 1);
}