:root {
  /* Alaçatı stone palette — derived from hotel photography */
  --bg: #f3efe7;
  --surface: #ebe4d8;
  --text: #22211f;
  --muted: #777168;
  --stone: #b8aa95;
  --sand: #d4c7b3;
  --accent: #627880;
  --accent-dark: #4d6369;
  --white: #faf9f6;
  --line: rgba(34, 33, 31, 0.12);
  --overlay: rgba(34, 33, 31, 0.45);

  /* Typography */
  --font-serif: "Cormorant Garamond", "Georgia", serif;
  --font-sans: "DM Sans", system-ui, sans-serif;

  /* Fluid type scale */
  --text-xs: clamp(0.6875rem, 0.65rem + 0.15vw, 0.75rem);
  --text-sm: clamp(0.8125rem, 0.78rem + 0.15vw, 0.875rem);
  --text-base: clamp(0.9375rem, 0.9rem + 0.2vw, 1.0625rem);
  --text-lg: clamp(1.125rem, 1rem + 0.5vw, 1.375rem);
  --text-xl: clamp(1.5rem, 1.2rem + 1.2vw, 2.25rem);
  --text-2xl: clamp(2rem, 1.5rem + 2vw, 3.5rem);
  --text-hero: clamp(3rem, 6vw + 1rem, 7.5rem);

  /* Spacing — spacious (density 3/10) */
  --space-xs: clamp(0.5rem, 0.4rem + 0.3vw, 0.75rem);
  --space-sm: clamp(0.75rem, 0.6rem + 0.5vw, 1rem);
  --space-md: clamp(1.25rem, 1rem + 0.8vw, 1.75rem);
  --space-lg: clamp(2rem, 1.5rem + 1.5vw, 3rem);
  --space-xl: clamp(3rem, 2rem + 3vw, 5rem);
  --space-2xl: clamp(4rem, 3rem + 4vw, 7rem);
  --space-3xl: clamp(6rem, 4rem + 6vw, 10rem);

  /* Layout */
  --container: min(92vw, 1280px);
  --container-narrow: min(88vw, 960px);
  --nav-height: 72px;

  /* Motion — Apple-inspired easing */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --duration-fast: 200ms;
  --duration-base: 400ms;
  --duration-slow: 700ms;
  --duration-hero: 1200ms;

  /* Radius — restrained */
  --radius-sm: 2px;
  --radius-md: 4px;
}