:root{
  /* Dark */
  --color-bg: #000;
  --color-fg: #fff;
  --color-muted: #9a9a9a;
  --color-border: #fff;

  /* Schriften */
  --font-sans: "Roboto", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-weight-black: 900;

  /* Spacing */
  --size-4: 0.25rem;
  --size-8: 0.5rem;
  --size-12: 0.75rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-32: 2rem;
  --size-40: 2.5rem;
  --size-48: 3rem;
  --size-64: 4rem;
  --size-80: 5rem;
  --size-96: 6rem;

  /* Menühöhe: doppelt */
  --menu-h: 80px;

  /* Typo */
  --text-base: 1rem;
  --text-lg: clamp(1.125rem, 0.9rem + 0.6vw, 1.375rem);
  --text-xl: clamp(1.5rem, 1.2rem + 1.5vw, 2.25rem);
  --text-2xl: clamp(2rem, 1.6rem + 2vw, 3rem);

  /* Index-Hero: ~45px Desktop, min 25px, dezent wachsend */
  --text-hero: clamp(25px, 0.8vw + 16px, 52px);

  /* Nav-Schrift: mind. doppelt so groß wie vorher (~>=32px) */
  --text-nav: clamp(32px, 2.2vw + 12px, 48px);
}