:root {
  /* Palette */
  --color-surface: oklch(98% 0.006 90);
  --color-surface-alt: oklch(95.5% 0.012 88);
  --color-surface-raised: oklch(100% 0 0);
  --color-ink: oklch(22% 0.025 260);
  --color-ink-soft: oklch(40% 0.02 260);
  --color-navy: oklch(28% 0.06 260);
  --color-navy-deep: oklch(16% 0.045 262);
  --color-gold: oklch(72% 0.13 75);
  --color-gold-deep: oklch(58% 0.12 68);
  --color-line: oklch(85% 0.015 90);

  /* Typography */
  --font-display: "Fraunces", "Iowan Old Style", serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --text-xs: clamp(0.78rem, 0.75rem + 0.15vw, 0.85rem);
  --text-base: clamp(1rem, 0.95rem + 0.2vw, 1.08rem);
  --text-lg: clamp(1.2rem, 1.1rem + 0.4vw, 1.4rem);
  --text-xl: clamp(1.6rem, 1.4rem + 0.8vw, 2.1rem);
  --text-2xl: clamp(2.2rem, 1.8rem + 1.6vw, 3.2rem);
  --text-hero: clamp(2.6rem, 1.6rem + 4.5vw, 5.2rem);

  /* Spacing */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.75rem;
  --space-lg: clamp(2.5rem, 2rem + 2vw, 4rem);
  --space-xl: clamp(4rem, 3rem + 4vw, 7rem);
  --space-section: clamp(5rem, 3.5rem + 6vw, 9rem);

  /* Motion */
  --duration-fast: 150ms;
  --duration-normal: 320ms;
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);

  /* Layout */
  --content-width: 1760px;
  --radius-sm: 4px;
  --radius-md: 10px;
}