/* ============================================================
   VARIABLES — paleta, tipografias y medidas base
   ============================================================ */

:root {
  /* Negros */
  --negro:        #08080a;
  --negro-2:      #0f0f12;
  --negro-3:      #16161a;
  --negro-4:      #1e1e23;

  /* Dorados */
  --oro:          #d4af37;
  --oro-claro:    #f4dd9a;
  --oro-medio:    #c9a227;
  --oro-oscuro:   #9c8129;   /* 5.32:1 — se usa en textos chicos */
  --oro-grad:     linear-gradient(135deg, #8f7420 0%, #d4af37 35%, #f4dd9a 55%, #d4af37 75%, #8f7420 100%);

  /* Texto */
  --texto:        #eeebe5;
  --texto-suave:  #a8a29a;
  --texto-tenue:  #8a857d;   /* 5.46:1 sobre el negro — cumple WCAG AA */

  /* Bordes y superficies */
  --borde:        rgba(212, 175, 55, 0.18);
  --borde-suave:  rgba(255, 255, 255, 0.07);
  --superficie:   rgba(255, 255, 255, 0.025);

  /* Tipografia */
  --font-titulo:  'Cormorant Garamond', 'Times New Roman', serif;
  --font-texto:   'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Medidas */
  --max-ancho:    1200px;
  --radio:        4px;
  --radio-lg:     8px;

  /* Espaciado vertical de secciones */
  --seccion-y:    clamp(4.5rem, 9vw, 8rem);

  /* Sombras */
  --sombra:       0 20px 45px rgba(0, 0, 0, 0.55);
  --sombra-oro:   0 12px 32px rgba(212, 175, 55, 0.18);

  /* Transiciones */
  --trans:        280ms cubic-bezier(0.22, 0.61, 0.36, 1);

  /* Alturas */
  --header-h:     78px;
}