/* ============================================================
   CREA — Variables CSS globales
   Provisionales: ajustar cuando el cliente valide la paleta definitiva
   ============================================================ */
:root {
  /* Paleta principal */
  --crea-black:       #111111;
  --crea-carbon:      #1a1a1a;
  --crea-white:       #ffffff;
  --crea-gold:        #b79a5b;
  --crea-gold-light:  #cdb97a;
  --crea-gold-dark:   #9a8040;

  /* Grises */
  --crea-gray-light:  #f5f4f1;
  --crea-gray-soft:   #eeece8;
  --crea-gray-mid:    #d0cdc6;
  --crea-gray:        #6b6b6b;
  --crea-gray-dark:   #3a3a3a;

  /* Bordes */
  --crea-border:      #dedbd4;
  --crea-border-gold: rgba(183, 154, 91, 0.35);

  /* Tipografías — [TIPOGRAFÍA POR DEFINIR con el cliente] */
  --crea-heading-font: 'Playfair Display', Georgia, serif;
  --crea-body-font:    'Inter', 'Helvetica Neue', Arial, sans-serif;

  /* Espaciado */
  --crea-section-py:   5rem;
  --crea-max-width:    1200px;

  /* Transiciones */
  --crea-transition:   all 0.28s ease;
}

/* Reducción de movimiento */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}