/* DriveMetrics · paleta comun de las ocho paginas.
 *
 * Un valor por trabajo. Si hay que cambiar un color del sitio, se cambia aqui y
 * en ningun otro sitio. Cada pagina sigue usando sus propios nombres
 * (--electric, --accent, --fuel...), que apuntan a estos.
 *
 * Los contrastes anotados son contra blanco, y el minimo de WCAG AA para texto
 * normal es 4,5:1.
 */
:root{
  /* Verde de marca */
  --dm-green:#007a54;         /* texto y UI · 5,37:1 */
  --dm-green-h:#006b4a;       /* hover · 6,56:1 */
  --dm-green-bright:#00d18e;  /* texto sobre fondo oscuro · 8,88:1 sobre #101828 */
  --dm-green-b:#00c085;       /* relleno de grafica */
  --dm-green-m:#4cc79b;       /* relleno de grafica */
  --dm-green-l:#9fe0c6;       /* relleno suave */
  --dm-green-xl:#c9e9dc;      /* relleno muy suave */

  /* Naranja de marca */
  --dm-orange:#ad5008;        /* texto y UI · 5,35:1 */
  --dm-orange-h:#8e4206;      /* hover · 7,16:1 */
  --dm-orange-bright:#fbbf4a; /* texto sobre fondo oscuro */
  --dm-orange-b:#f59e1a;      /* relleno de grafica */
  --dm-orange-m:#e8a13c;      /* relleno de grafica */
  --dm-orange-l:#f4d3a2;      /* relleno suave */
  --dm-orange-xl:#fae8cd;     /* relleno muy suave */
  --dm-orange-bg:#fdf2e6;     /* fondo de avisos ambar */

  /* Series de grafica · son dibujo, no llevan letra encima */
  --dm-data-orange:#f2994a;
  --dm-data-orange-2:#e08128;
  --dm-violet:#6366f1;
  --dm-violet-l:#b9bcf7;

  /* Alerta */
  --dm-red:#b42318;
  --dm-red-bg:#fdecec;

  /* Superficies oscuras y lo que va encima */
  --dm-dark:#101828;
  --dm-dark-2:#1c2438;
  --dm-dark-line:#232c42;
  --dm-on-dark:#a9b2c4;
  --dm-on-dark-2:#d4d9e4;

  /* Neutros de la familia dashboard (guia, merge, calculadora y los tres paneles) */
  --dm-bg:#eef1f5;
  --dm-surface:#ffffff;
  --dm-subtle:#f9fafb;
  --dm-inactive:#f2f4f7;
  --dm-border:#eaecf0;
  --dm-border-2:#e4e7ec;
  --dm-ink:#101828;           /* igual que --dm-dark: el texto principal */
  --dm-ink-2:#475467;
  --dm-ink-3:#5f6878;      /* era #667085: 4,39:1 sobre --dm-bg, no llegaba a AA */
  --dm-ink-4:#5f6878;         /* texto secundario · 5,62:1 sobre blanco, 4,96:1 sobre --dm-bg */
}