/* ─────────────────────────────────────────────────────────────
   VG Tracker — base-dev.css
   Paleta alternativa para el entorno de desarrollo
   (dev.vg-tracker.com / localhost). Importa base.css y
   sobreescribe solo los tokens de color: --t-accent y compañía
   se resuelven vía var(--cyan)/var(--magenta), así que basta con
   redeclarar aquí las variables de acento para que TODO lo que
   usa el tema (nav, badges, bordes, cards…) siga la nueva paleta
   sin tocar el resto de la hoja de estilos.

   Colores alineados con favicon-dev.svg: ámbar en vez de cian,
   gris en vez de magenta — para que icono y paleta cuenten la
   misma historia de "esto es dev".

   Servido en vez de base.css cuando VITE_ENV_SUFFIX = '-dev'
   (ver index.html y vite.config.js).
   ───────────────────────────────────────────────────────────── */

@import url('/css/base.css');

:root {
  /* Acento primario: cian → ámbar */
  --cyan:      #ff9100;
  --cyan-dim:  rgba(255,145,0,0.12);
  --cyan-brd:  rgba(255,145,0,0.25);
  --cyan-045:  rgba(255,145,0,0.45);
  --cyan-035:  rgba(255,145,0,0.35);

  /* Acento secundario: magenta → gris */
  --magenta:     #9e9e9e;
  --magenta-dim: rgba(158,158,158,0.12);
  --magenta-brd: rgba(158,158,158,0.22);
}