/* ============================================================
   DESIGN TOKENS — La Vos de la Maternidad
   Fuente de verdad. NO hex hardcodeados fuera de aquí.
   ============================================================ */

:root {
  /* === BACKGROUNDS === */
  --cream-canvas:      #FAF3E8;
  --cream-warm:        #F5E9D7;
  --ivory-pale:        #FDF8F0;

  /* === SUNSET GRADIENT STOPS === */
  --sunset-gold:       #F5B461;
  --sunset-orange:     #E8804B;
  --sunset-coral:      #D85C5C;
  --sunset-rose:       #C94178;
  --sunset-magenta:    #A02664;
  --magenta-deep:      #6B1A4A;

  /* === ACCENT METAL === */
  --gold-terracotta:   #C89B60;
  --gold-light:        #E5C795;
  --gold-deep:         #A67C3D;
  --gold-gradient: linear-gradient(135deg, #E5C795 0%, #C89B60 50%, #A67C3D 100%);

  /* === INK (textos) === */
  --ink-deep:          #2B1810;
  --ink-soft:          #5C3D2E;
  --ink-muted:         #8B6F5C;

  /* === ACCENT WHITE / LIGHT === */
  --white-pure:        #FFFFFF;
  --white-translucent: rgba(255, 255, 255, 0.72);
  --white-soft:        rgba(255, 255, 255, 0.12);

  /* === WHATSAPP === */
  --whatsapp-green:    #25D366;

  /* === GRADIENTS READY-TO-USE === */
  --grad-sunset: linear-gradient(135deg,
    #F5B461 0%,
    #E8804B 30%,
    #D85C5C 55%,
    #C94178 75%,
    #A02664 100%);

  --grad-sunset-soft: linear-gradient(135deg,
    rgba(245, 180, 97, 0.15) 0%,
    rgba(232, 128, 75, 0.15) 30%,
    rgba(201, 65, 120, 0.15) 70%,
    rgba(160, 38, 100, 0.15) 100%);

  --grad-warm-bg: linear-gradient(180deg, #FAF3E8 0%, #F5E9D7 100%);

  --grad-magenta-deep: linear-gradient(135deg, #A02664 0%, #6B1A4A 100%);

  --grad-magenta-sunset: linear-gradient(160deg,
    #6B1A4A 0%,
    #A02664 35%,
    #C94178 65%,
    #E8804B 100%);

  /* === TIPOGRAFÍA === */
  --font-display: 'Playfair Display', Georgia, serif;
  --font-body:    'Outfit', 'Helvetica Neue', sans-serif;
  --font-quote:   'Cormorant Garamond', Georgia, serif;

  --text-hero:     clamp(2.75rem, 8vw, 5.5rem);
  --text-title:    clamp(2rem, 5.5vw, 3.5rem);
  --text-subtitle: clamp(1.4rem, 3.5vw, 2rem);
  --text-lead:     clamp(1.15rem, 2.2vw, 1.4rem);
  --text-body:     clamp(1rem, 1.8vw, 1.15rem);
  --text-caption:  clamp(0.8rem, 1.4vw, 0.95rem);
  --text-mega:     clamp(4rem, 14vw, 10rem);

  --line-tight:   1.05;
  --line-snug:    1.25;
  --line-normal:  1.5;
  --line-relaxed: 1.7;

  --letter-wide:   0.14em;
  --letter-normal: 0.01em;
  --letter-tight: -0.02em;

  /* === SPACING === */
  --space-1:   0.5rem;
  --space-2:   1rem;
  --space-3:   1.5rem;
  --space-4:   2rem;
  --space-5:   3rem;
  --space-6:   4.5rem;
  --space-7:   6rem;
  --space-8:   9rem;

  /* === RADIUS === */
  --radius-sm:   8px;
  --radius-md:   16px;
  --radius-lg:   28px;
  --radius-xl:   44px;
  --radius-full: 9999px;

  /* === LAYOUT === */
  --slide-max-w:     1440px;
  --slide-content:   1100px;
  --slide-px-mobile: clamp(1.25rem, 5vw, 3rem);

  /* === ANIMATION TIMING === */
  --ease-soft:   cubic-bezier(0.22, 1, 0.36, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-fast:    400ms;
  --dur-med:     700ms;
  --dur-slow:    1100ms;
}