:root {
  /* Farben – warme, erdige Palette statt Blau/Weiß-Standard */
  --color-bg: oklch(97% 0.014 80);
  --color-bg-alt: oklch(94.5% 0.018 75);
  --color-surface: oklch(99.5% 0.004 90);
  --color-ink: oklch(22% 0.02 50);
  --color-ink-soft: oklch(38% 0.02 55);
  --color-stone: oklch(52% 0.02 60);
  --color-stone-light: oklch(85% 0.012 70);
  --color-border: oklch(89% 0.014 70);

  --color-forest: oklch(30% 0.055 155);
  --color-forest-light: oklch(40% 0.065 155);
  --color-forest-pale: oklch(93% 0.03 155);

  --color-terracotta: oklch(63% 0.15 42);
  --color-terracotta-dark: oklch(52% 0.15 36);
  --color-terracotta-pale: oklch(92% 0.045 50);

  --color-cream-card: oklch(96% 0.02 85);

  /* Typografie */
  --font-display: 'Fraunces', 'Iowan Old Style', ui-serif, Georgia, serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --text-xs: clamp(0.78rem, 0.75rem + 0.15vw, 0.85rem);
  --text-sm: clamp(0.88rem, 0.85rem + 0.15vw, 0.95rem);
  --text-base: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
  --text-lg: clamp(1.15rem, 1.05rem + 0.45vw, 1.4rem);
  --text-xl: clamp(1.4rem, 1.2rem + 0.95vw, 2rem);
  --text-2xl: clamp(1.8rem, 1.4rem + 1.9vw, 2.9rem);
  --text-3xl: clamp(2.3rem, 1.6rem + 3.3vw, 4.1rem);
  --text-hero: clamp(2.9rem, 1.6rem + 6vw, 6.4rem);

  --leading-tight: 1.08;
  --leading-snug: 1.28;
  --leading-normal: 1.55;
  --leading-relaxed: 1.7;

  /* Spacing */
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs: 0.75rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.25rem;
  --space-xl: clamp(3rem, 2.4rem + 3vw, 5rem);
  --space-2xl: clamp(4rem, 3rem + 5vw, 7.5rem);
  --space-section: clamp(5.5rem, 3.5rem + 9vw, 10.5rem);

  --content-width: 1240px;
  --content-narrow: 780px;

  /* Radius & Schatten */
  --radius-sm: 0.5rem;
  --radius-md: 1rem;
  --radius-lg: 1.75rem;
  --radius-organic: 68% 32% 61% 39% / 45% 44% 56% 55%;
  --radius-full: 999px;

  --shadow-sm: 0 1px 2px oklch(22% 0.02 50 / 0.06), 0 1px 1px oklch(22% 0.02 50 / 0.04);
  --shadow-md: 0 8px 24px oklch(22% 0.02 50 / 0.08), 0 2px 6px oklch(22% 0.02 50 / 0.05);
  --shadow-lg: 0 24px 60px oklch(22% 0.02 50 / 0.14), 0 8px 20px oklch(22% 0.02 50 / 0.08);

  /* Motion */
  --duration-fast: 150ms;
  --duration-normal: 320ms;
  --duration-slow: 600ms;
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out-soft: cubic-bezier(0.22, 1, 0.36, 1);
}