:root {
  /* Farben */
  --c-night:    oklch(0.18 0.04 260);
  --c-indigo:   oklch(0.38 0.12 265);
  --c-horizon:  oklch(0.55 0.10 268);
  --c-lavender: oklch(0.72 0.07 270);
  --c-mist:     oklch(0.94 0.03 265);
  --c-paper:    oklch(0.975 0.008 260);
  --c-gold:     oklch(0.78 0.12 72);
  --c-amber:    oklch(0.62 0.14 68);

  /* Shadows */
  --shadow-sm: 0 1px 4px oklch(0 0 0 / 0.08);
  --shadow-md: 0 4px 16px oklch(0 0 0 / 0.10);
  --shadow-lg: 0 12px 40px oklch(0 0 0 / 0.14);

  /* Border Radii */
  --r-sm: 6px;
  --r-md: 12px;
  --r-lg: 20px;

  /* Abstände */
  --space-xs:  8px;
  --space-sm:  16px;
  --space-md:  32px;
  --space-lg:  64px;
  --space-xl:  96px;
  --space-2xl: 128px;

  /* Typografie */
  --font-primary:   'DM Sans', system-ui, sans-serif;
  --font-secondary: 'Source Sans 3', system-ui, sans-serif;

  /* Max-Width für Content */
  --max-w: 1120px;
  --max-w-text: 720px;

  /* Transition */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-std: cubic-bezier(0.4, 0, 0.2, 1);
}