:root {
  /* ---- Paleta Bei (docs/PLANIFICACION.md sección 2.1) ---- */
  --color-black: #151110;
  --color-black-soft: #201a18;
  --color-gold-1: #c08a5c;
  --color-gold-2: #b76e79;
  --color-champagne: #f3e9dc;
  --color-blush: #c89aa0;
  --color-bone: #faf6f1;
  --color-ink: #2b2320;
  --color-whatsapp: #25d366;

  --color-gold-gradient: linear-gradient(135deg, var(--color-gold-1), var(--color-gold-2));

  /* ---- Tipografía ---- */
  --font-display: 'Playfair Display', 'Georgia', serif;
  --font-body: 'Poppins', 'Segoe UI', sans-serif;
  --font-script: 'Parisienne', var(--font-display);

  --fs-h1: clamp(2.25rem, 5vw + 1rem, 4rem);
  --fs-h2: clamp(1.75rem, 3vw + 1rem, 2.75rem);
  --fs-h3: clamp(1.25rem, 1.5vw + 0.75rem, 1.75rem);
  --fs-body: clamp(1rem, 0.4vw + 0.9rem, 1.125rem);
  --fs-small: 0.875rem;

  /* ---- Espaciado ---- */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.75rem;
  --space-lg: 3rem;
  --space-xl: 5rem;
  --space-2xl: 8rem;

  /* ---- Layout ---- */
  --container-max: 1180px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 28px;
  --shadow-soft: 0 20px 60px -20px rgba(21, 17, 16, 0.35);
  --shadow-card: 0 12px 32px -16px rgba(21, 17, 16, 0.25);

  --ease-premium: cubic-bezier(0.22, 1, 0.36, 1);
}