/* ElectroSolution Écija — tokens de diseño (fuente de verdad; se copia al plugin tal cual) */
:root {
  /* Marca */
  --es-verde: #76FF02;            /* acento: cable, bornes, pilotos, botones sobre oscuro. Nunca texto sobre blanco */
  --es-verde-sombra: #4CB300;     /* solo para sombras/segundo trazo, nunca texto */
  --es-gris-900: #1C1C1B;         /* texto principal sobre claro */
  --es-gris-800: #2B2B2A;         /* fondos oscuros */
  --es-gris-700: #454442;         /* gris del logo: texto secundario, superficies oscuras suaves */
  --es-gris-500: #7A7976;         /* texto terciario sobre claro, líneas sobre oscuro */
  --es-gris-300: #C9C8C4;         /* bordes sobre claro */
  --es-gris-100: #F2F2F0;         /* fondos claros alternos */
  --es-blanco: #FFFFFF;

  /* Semántica */
  --es-fondo: var(--es-blanco);
  --es-fondo-alt: var(--es-gris-100);
  --es-fondo-oscuro: var(--es-gris-800);
  --es-texto: var(--es-gris-900);
  --es-texto-suave: var(--es-gris-700);
  --es-texto-inverso: var(--es-blanco);
  --es-borde: var(--es-gris-300);
  --es-foco: var(--es-verde);

  /* Tipografía */
  --es-font-display: "Barlow Condensed", "Arial Narrow", sans-serif;
  --es-font-body: "IBM Plex Sans", system-ui, sans-serif;
  --es-font-mono: "IBM Plex Mono", ui-monospace, monospace;
  --es-fs-0: 0.875rem;   /* 14 */
  --es-fs-1: 1rem;       /* 16 */
  --es-fs-2: 1.125rem;   /* 18 */
  --es-fs-3: 1.375rem;   /* 22 */
  --es-fs-4: 1.75rem;    /* 28 */
  --es-fs-5: 2.375rem;   /* 38 */
  --es-fs-6: 3.25rem;    /* 52 */
  --es-fs-7: clamp(3rem, 8vw, 6.5rem);   /* display hero */
  --es-lh-body: 1.55;
  --es-lh-tight: 1.05;

  /* Espaciado (múltiplos de 8) */
  --es-sp-1: 0.5rem; --es-sp-2: 1rem; --es-sp-3: 1.5rem; --es-sp-4: 2rem;
  --es-sp-5: 3rem; --es-sp-6: 4rem; --es-sp-7: 6rem; --es-sp-8: 8rem;

  /* Forma */
  --es-radio: 4px;                /* casi recto: estética de envolvente metálica */
  --es-corte: 10px;               /* esquina cortada de las etiquetas de vinilo */
  --es-ancho: 1200px;
  --es-margen: clamp(16px, 4vw, 40px);

  /* Cable */
  --es-cable-grosor: 3px;
  --es-cable-gutter: 40px;        /* distancia del cable al borde del contenido */
  --es-cable-radio: 56px;         /* radio de las curvas (canaleta) */
  --es-borne-radio: 7px;

  /* Movimiento */
  --es-dur-1: 160ms; --es-dur-2: 260ms; --es-dur-3: 480ms;
  --es-ease: cubic-bezier(.2,.7,.2,1);
}
@media (max-width: 767px) {
  :root { --es-cable-gutter: 16px; --es-cable-radio: 28px; --es-cable-grosor: 2.5px; --es-borne-radio: 6px; }
}