/* Bakin Immobilien – Design Tokens ("Alpine Modern Editorial") */

: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.08rem + 0.35vw, 1.35rem);
  --text-xl: clamp(1.4rem, 1.25rem + 0.75vw, 1.85rem);
  --text-2xl: clamp(1.8rem, 1.5rem + 1.5vw, 2.6rem);
  --text-3xl: clamp(2.3rem, 1.8rem + 2.5vw, 3.6rem);
  --text-hero: clamp(2.8rem, 1.9rem + 4.5vw, 5.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, 7rem);
  --space-section: clamp(5rem, 3.5rem + 7vw, 9rem);

  --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);
}