/* ============================================================
   TOKENS.CSS — Variables de diseño globales
   Modifica aquí colores, tipografía y espaciados
   ============================================================ */

:root {
  /* ── Colores principales ── */
  --gold:        #C89A2E;   /* Dorado principal de marca */
  --gold-light:  #E5B84A;   /* Dorado claro (hover, acentos) */
  --gold-dark:   #9A7420;   /* Dorado oscuro (texto sobre fondo claro) */
  --dark:        #1A1A1A;   /* Fondo oscuro principal */
  --dark-2:      #242424;   /* Fondo oscuro secundario (secciones) */
  --cream:       #FAF7F0;   /* Fondo crema (secciones claras) */
  --white:       #FFFFFF;
  --text:        #333333;   /* Texto principal */
  --text-light:  #666666;   /* Texto secundario / descriptivo */

  /* ── Bordes y radios ── */
  --radius:      12px;
  --radius-sm:   8px;
  --radius-lg:   20px;

  /* ── Tipografía ── */
  --font-body:    'Montserrat', sans-serif;
  --font-display: 'Montserrat', sans-serif;

  /* ── Espaciados de sección ── */
  --section-py:  100px;
  --section-px:  40px;
  --container:   1200px;

  /* ── Navegación ── */
  --nav-height:  110px;

  /* ── Transiciones ── */
  --transition:  0.25s ease;
}