/* tokens.css - MotoMejia White + Blue Metallic Design System
   !important protege contra overrides de theme.js (style.setProperty) */

:root {
  /* ── Paleta azul metalico (protegida con !important) ── */
  --mm-primario: #0757D5 !important;
  --mm-primario-claro: #3B82F6 !important;
  --mm-primario-oscuro: #003B9A !important;
  --mm-oscuro: #061A40 !important;
  --mm-superficie-oscura: #0B2154 !important;
  --mm-acento: #EAF3FF !important;

  /* ── Naranja CTA ── */
  --mm-accion: #FF7A00;
  --mm-accion-hover: #E06900;
  --mm-accion-claro: #FFF0E0;

  /* ── Superficies (tema claro, protegidas) ── */
  --mm-fondo: #FFFFFF !important;
  --mm-fondo-2: #F5F7FA;
  --mm-superficie: #FFFFFF !important;
  --mm-superficie-hover: #F0F4FF;
  --mm-superficie-suave: #F5F7FA;

  /* ── Texto (protegido) ── */
  --mm-texto: #0B1736 !important;
  --mm-texto-suave: #64748B !important;
  --mm-texto-claro: #FFFFFF !important;
  --mm-texto-legal: #8899B4;
  --mm-texto-navbar: #FFFFFF;
  --mm-texto-oscuro-fondo: #FFFFFF !important;
  --mm-texto-tenue: #8899B4;
  --mm-texto-cabecera: #FFFFFF;

  /* ── Bordes (protegido) ── */
  --mm-borde: rgba(0, 59, 154, 0.10) !important;
  --mm-borde-fuerte: rgba(0, 59, 154, 0.20);

  /* ── Estados ── */
  --mm-exito: #16A36A;
  --mm-peligro: #DC2626;
  --mm-oferta: #DC2626;
  --mm-whatsapp: #25D366;
  --mm-whatsapp-hover: #1EBE5B;

  /* ── Esqueleto ── */
  --mm-esqueleto: #E2E8F0;

  /* ── Radios ── */
  --mm-radio-s: 10px;
  --mm-radio-m: 16px;
  --mm-radio-l: 24px;

  /* ── Sombras (tema claro) ── */
  --mm-sombra-xs: 0 1px 3px rgba(0, 0, 0, 0.06);
  --mm-sombra-s: 0 3px 12px rgba(0, 0, 0, 0.08);
  --mm-sombra-m: 0 8px 30px rgba(0, 0, 0, 0.10);
  --mm-sombra-l: 0 20px 60px rgba(0, 0, 0, 0.12);
  --mm-glow-primario: 0 0 0 2px rgba(7, 87, 213, 0.25), 0 8px 30px rgba(7, 87, 213, 0.2);
  --mm-glow-suave: 0 0 26px -8px rgba(7, 87, 213, 0.25);
  --mm-anillo: rgba(7, 87, 213, 0.30);

  /* ── Movimiento ── */
  --mm-t-rapida: 0.15s;
  --mm-t-medio: 0.25s;
  --mm-t-suave: 0.5s;
  --mm-ease: cubic-bezier(0.22, 1, 0.36, 1);

  /* ── Contenedor y tipografia ── */
  --mm-contenedor: 1280px;
  --mm-fuente: "Inter", "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mm-fuente-titulo: "Poppins", "Inter", system-ui, sans-serif;
}