/* Todas las variables visuales del sitio. Ningún otro archivo CSS usa valores hardcodeados. */

:root {
  /* Paleta principal */
  --color-red:          #A92915;
  --color-red-dark:     #8a1f10;
  --color-blue:         #BDCDD2;
  --color-graphite:     #313131;
  --color-bg:           #F7F5F3;
  --color-white:        #FFFFFF;
  --color-footer-bg:    #1e1e1e;
  --color-gold:         #d4a017;
  --color-whatsapp:     #25D366;
  --color-whatsapp-dk:  #1fb354;

  /* Tipografía */
  --font-serif: 'Cormorant Garamond', Georgia, serif;
  --font-sans:  'DM Sans', sans-serif;

  /* Espaciado */
  --section-padding-v:  96px;
  --container-padding-h: 48px;
  --container-max:      1200px;

  /* Bordes */
  --radius-sm: 2px;
  --radius-md: 4px;

  /* Sombras */
  --shadow-card:       0 4px 20px rgba(49,49,49,0.08);
  --shadow-card-hover: 0 20px 60px rgba(49,49,49,0.18);
  --shadow-float:      0 8px 32px rgba(49,49,49,0.15);

  /* Transiciones */
  --transition-base: 0.3s ease;
  --transition-slow: 0.7s ease;

  /* Tipografía — alias */
  --font-body: var(--font-sans);
  --text-sm:   13px;

  /* Escala de espaciado */
  --space-2:  8px;
  --space-4:  16px;
  --space-6:  24px;
  --space-12: 48px;

  /* Color auxiliar */
  --color-secondary-light: #EBEBEB;
}