/*
 * Design tokens JLC Electronics — fuente de verdad de color.
 *
 * Solo variables: este archivo no pinta nada por sí mismo.
 * Los módulos del tema (filtro de productos, envíos, mapa…) consumen los
 * alias semánticos del final, así el color de marca se cambia en un solo sitio.
 */
:root {
  /* ── Paleta de marca ──────────────────────────────────────── */
  --em-petroleo: #1A203D;      /* Azul petróleo */
  --em-azul-oscuro: #163A65;   /* Azul oscuro */
  --em-azul-claro: #1DAECD;    /* Azul claro (uso muy puntual) */

  /* Degradado de marca: siempre este (negro → azul oscuro → azul claro). */
  --em-degradado: linear-gradient(19.462deg, #000000 0%, #163A65 50%, #1DAECD 100%);

  /* ── Grises ───────────────────────────────────────────────── */
  --em-gris-contenedor: #E7E7E7; /* Fondo de contenedores */
  --em-gris-medio: #B2B2B2;      /* Gris intermedio */
  --em-gris-azulado: #EDF0F5;    /* Gris azulado claro */

  /* ── Alias semánticos (los que usan los módulos) ──────────── */
  --em-primary: var(--em-petroleo);
  --em-primary-dark: var(--em-azul-oscuro);
  --em-accent: var(--em-azul-claro);
  --em-button-bg: var(--em-degradado);

  --em-text: var(--em-petroleo);
  --em-text-soft: var(--em-azul-oscuro);
  --em-text-muted: var(--em-gris-medio);

  --em-surface: var(--em-gris-contenedor);
  --em-surface-soft: var(--em-gris-azulado);
  --em-surface-raised: var(--em-gris-azulado);
  --em-border: var(--em-gris-contenedor);

  /* Compatibilidad con los módulos compartidos de Electromillonaria. */
  --em-gray-200: var(--em-gris-contenedor);
}