:root {
  /* ==========================================================================
     PALETA DE COLORES - BRILLO MATERNO (Extraída y calibrada con ui-ux-pro-max)
     ========================================================================== */
  
  /* Marca & Primarios */
  --bm-color-primary: #63041B;           /* Deep Burgundy / Borgoña principal */
  --bm-color-primary-dark: #4A0314;      /* Borgoña profundo para hover/sombras */
  --bm-color-primary-light: #F9EFF1;     /* Fondo sutil rosáceo para badges/iconos */
  --bm-color-wine-plum: #571124;         /* Subtítulos y acentos secundarios */
  
  /* Acentos Cálidos & Spa */
  --bm-color-accent-nude: #DFBFB1;       /* Rose Clay / Nude cálido para tarjetas y bordes */
  --bm-color-accent-gold: #C5A059;       /* Oro champagne para detalles premium */
  
  /* Fondos Semánticos */
  --bm-color-bg-warm: #F8F6F0;           /* Alabaster / Crema suave base (evita fatiga) */
  --bm-color-bg-card: #FFFFFF;           /* Blanco puro para tarjetas y modales */
  --bm-color-bg-alt: #F3F1EA;            /* Fondo alterno para secciones de FAQ/Testimonios */
  
  /* Bordes & Divisores */
  --bm-color-border: #E8E3DA;            /* Borde neutro cálido */
  --bm-color-border-subtle: #F0EDE8;
  
  /* Textos & Tipografía */
  --bm-color-text-title: #2B181C;        /* Marrón chocolate / borgoña casi negro */
  --bm-color-text-body: #4A4A4A;         /* Gris carbón suave de lectura óptima */
  --bm-color-text-muted: #7A7571;        /* Leyendas y metadatos */

  /* ==========================================================================
     TIPOGRAFÍAS Y JERARQUÍA
     ========================================================================== */
  --bm-font-serif: 'Cormorant Garamond', Georgia, serif;
  --bm-font-sans: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  
  /* Escala de Tamaños */
  --bm-text-hero: clamp(2.5rem, 5vw, 3.8rem);
  --bm-text-h1: clamp(2.2rem, 4vw, 3.0rem);
  --bm-text-h2: clamp(1.8rem, 3vw, 2.4rem);
  --bm-text-h3: 1.4rem;
  --bm-text-body: 1rem;                  /* 16px */
  --bm-text-small: 0.85rem;              /* 13.6px */
  
  /* ==========================================================================
     FORMAS, BORDES Y SOMBRAS (Soft UI & Luxury)
     ========================================================================== */
  --bm-radius-sm: 8px;
  --bm-radius-md: 16px;
  --bm-radius-lg: 24px;
  --bm-radius-full: 9999px;
  
  --bm-shadow-soft: 0 10px 30px -5px rgba(99, 4, 27, 0.06);
  --bm-shadow-card: 0 4px 20px rgba(0, 0, 0, 0.04);
  --bm-shadow-hover: 0 18px 40px -10px rgba(99, 4, 27, 0.12);
  --bm-shadow-button: 0 8px 20px rgba(99, 4, 27, 0.22);
  
  --bm-transition-smooth: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}