/* ============================================
   DRA. VEIRA PINEL — MEDICINA ESTÉTICA
   Variables globales de identidad visual
   ============================================ */

:root {
  /* ---------- Paleta ---------- */
  --ivory:          #FAF7F2;   /* Fondo principal — blanco marfil */
  --ivory-soft:     #FDFBF8;   /* Marfil más claro para tarjetas */
  --beige:          #F1EAE0;   /* Fondo alterno — beige cálido */
  --nude:           #E8DCCF;   /* Detalles nude */
  --nude-deep:      #D9C8B4;   /* Nude más profundo */
  --burgundy:       #6E1E2B;   /* Acento principal */
  --burgundy-deep:  #521521;   /* Hover / énfasis */
  --burgundy-soft:  #8A3D4A;   /* Burgundy suavizado */
  --champagne:      #C9A96E;   /* Dorado champagne discreto */
  --champagne-soft: #DCC49A;   /* Champagne claro */
  --gold-text:      #B08D4F;   /* Dorado más profundo para textos (legible sobre marfil) */
  --text-main:      #2B2220;   /* Texto principal */
  --text-soft:      #8A7F78;   /* Texto secundario — gris cálido */
  --white:          #FFFFFF;

  /* ---------- Tipografías ---------- */
  --font-serif: 'Cormorant Garamond', Georgia, serif;
  --font-sans:  'Jost', 'Helvetica Neue', sans-serif;

  /* ---------- Escala tipográfica fluida ---------- */
  --fs-hero:    clamp(2.8rem, 6.5vw, 5.2rem);
  --fs-h2:      clamp(2.1rem, 4.2vw, 3.4rem);
  --fs-h3:      clamp(1.4rem, 2.2vw, 1.8rem);
  --fs-lead:    clamp(1.05rem, 1.5vw, 1.25rem);
  --fs-body:    1rem;
  --fs-small:   0.875rem;
  --fs-eyebrow: 0.78rem;

  /* ---------- Espaciado ---------- */
  --section-pad: clamp(4.5rem, 10vw, 8.5rem);
  --container-w: 1200px;
  --container-pad: clamp(1.25rem, 4vw, 2.5rem);

  /* ---------- Bordes y sombras ---------- */
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --radius-arch: 200px 200px 18px 18px; /* arco editorial para fotos */
  --shadow-soft: 0 10px 40px rgba(43, 34, 32, 0.06);
  --shadow-hover: 0 18px 50px rgba(43, 34, 32, 0.10);
  --shadow-modal: 0 30px 80px rgba(43, 34, 32, 0.22);

  /* ---------- Transiciones ---------- */
  --ease-elegant: cubic-bezier(0.25, 0.8, 0.25, 1);
  --t-fast: 0.25s var(--ease-elegant);
  --t-med:  0.45s var(--ease-elegant);
  --t-slow: 0.8s var(--ease-elegant);

  /* ---------- Navbar ---------- */
  --nav-height: 84px;
  --nav-height-scrolled: 68px;
}