/* ===================================================================
   EVENTIA · Design Tokens
   Paleta inspirada en el logotipo: nude, café, dorado, con acentos
   suaves de baby green y baby pink para las secciones de catálogo
   y contacto. Un solo lugar de verdad para todo el sistema visual.
=================================================================== */

:root{
  /* ---- Color: base ---- */
  --nude-50:      #FBF6ED;   /* fondo principal, casi crema */
  --nude-100:     #F3E8D7;   /* fondo alterno / tarjetas */
  --nude-200:     #E9D9BE;   /* bordes, separadores sutiles */
  --cafe-900:     #3A2A1F;   /* texto principal, casi negro-café */
  --cafe-700:     #5C4030;   /* texto secundario */
  --cafe-500:     #8A6A52;   /* texto terciario / placeholders */
  --dorado-500:   #C9A24B;   /* acento dorado principal */
  --dorado-600:   #B08B39;   /* dorado hover / activo */
  --dorado-100:   #EFDFB8;   /* dorado muy claro, fondos */

  /* ---- Color: acentos "baby" ---- */
  --baby-pink:    #F0CEC9;
  --baby-pink-700:#C98B82;
  --baby-green:   #CBDABE;
  --baby-green-700:#7FA269;

  /* ---- Superficies ---- */
  --bg:           var(--nude-50);
  --bg-alt:       var(--nude-100);
  --surface:      #FFFFFF;
  --line:         var(--nude-200);
  --ink:          var(--cafe-900);
  --ink-soft:     var(--cafe-700);
  --ink-faint:    var(--cafe-500);

  /* ---- Estados ---- */
  --success:      #6E9A5B;
  --error:        #B4574A;

  /* ---- Tipografía ---- */
  --font-display: "Cormorant Garamond", "Playfair Display", serif;
  --font-script:  "Playfair Display", serif;
  --font-body:    "Jost", "Work Sans", -apple-system, sans-serif;
  --font-mono:    "Jost", sans-serif;

  --step-caption: 0.72rem;
  --step-small:   0.875rem;
  --step-body:    1rem;
  --step-lead:    1.15rem;
  --step-h4:      1.5rem;
  --step-h3:      2rem;
  --step-h2:      2.75rem;
  --step-h1:      clamp(2.6rem, 5vw + 1rem, 4.6rem);

  --tracking-wide: 0.14em;
  --tracking-mid:  0.06em;

  /* ---- Espaciado ---- */
  --sp-1: 0.4rem;
  --sp-2: 0.8rem;
  --sp-3: 1.2rem;
  --sp-4: 1.8rem;
  --sp-5: 2.8rem;
  --sp-6: 4.2rem;
  --sp-7: 6.4rem;

  /* ---- Layout ---- */
  --maxw: 1180px;
  --radius-s: 6px;
  --radius-m: 14px;
  --radius-l: 32px;
  --radius-circle: 50%;

  /* ---- Sombras ---- */
  --shadow-soft: 0 12px 30px -18px rgba(58, 42, 31, 0.35);
  --shadow-card: 0 18px 40px -22px rgba(58, 42, 31, 0.28);

  /* ---- Movimiento ---- */
  --ease: cubic-bezier(.22, .61, .36, 1);
  --dur-fast: 180ms;
  --dur-med: 420ms;
  --dur-slow: 780ms;
}

@media (prefers-color-scheme: dark){
  /* Eventia mantiene su identidad clara a propósito: el nude y el
     dorado son parte de la marca. No se ofrece modo oscuro completo,
     solo se asegura contraste correcto (ver base.css). */
}