:root {
  --color-coral: #e8876a;
  --color-arena: #f8e0ba;
  --color-burdeos: #a93c42;
  --color-hueso: #f5f1e8;
  --color-texto: #2a1a1a;
  --color-footer: #1a0f0f;
  --color-texto-suave: rgba(42, 26, 26, 0.72);

  --font-logo: 'Aboreto', Georgia, serif;
  --font-display: 'Outfit', system-ui, sans-serif;
  --font-body: 'Outfit', system-ui, sans-serif;

  --text-xs: clamp(0.6875rem, 0.65rem + 0.15vw, 0.75rem);
  --text-sm: clamp(0.8125rem, 0.78rem + 0.2vw, 0.875rem);
  --text-base: clamp(1rem, 0.95rem + 0.25vw, 1.0625rem);
  --text-lg: clamp(1.125rem, 1.05rem + 0.35vw, 1.25rem);
  --text-xl: clamp(1.375rem, 1.2rem + 0.6vw, 1.75rem);
  --text-2xl: clamp(1.75rem, 1.4rem + 1.2vw, 2.5rem);
  --text-3xl: clamp(2.25rem, 1.6rem + 2.5vw, 3.5rem);
  --text-hero: clamp(3.5rem, 2.5rem + 5vw, 7.5rem);

  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;
  --space-3xl: 8rem;

  --max-width: none;
  --max-width-wide: none;
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --nav-height: 4.5rem;

  --radius-pill: 999px;
  --border-subtle: 1px solid rgba(232, 135, 106, 0.25);

  --transition-fast: 180ms ease;
  --transition-base: 280ms ease;

  --nav-bg: rgba(245, 241, 232, 0.92);
}