/* Generado por tokens/generar-css.ts: no editar a mano. */
:root {
  --fondo: #0e1117;
  --fondo-sutil: #11151c;
  --panel: #161a22;
  --panel-elevado: #1c212b;
  --borde: #2a2f3a;
  --borde-fuerte: #3a4150;
  --texto: #e6e9ef;
  --texto-sutil: #aab1bf;
  --quieto: #8b93a3;
  --foco: #5b9cf5;
  --entrada-fondo: #0a0d12;
  --azul: #5b9cf5;
  --azul-fuerte: #8ebbf8;
  --verde: #58c9a4;
  --verde-fuerte: #84dabb;
  --rojo: #e5636e;
  --rojo-fuerte: #ee8a92;
  --ambar: #e0b35a;
  --ambar-fuerte: #eac783;
  --gris-neutro: #6b7280;
  --acento: #5b9cf5;
  --acento-fuerte: #8ebbf8;
  --sobre-acento: #0e1117;
  --sobre-peligro: #0e1117;
}

@media (prefers-color-scheme: light) {
:root:not([data-theme="dark"]) {
  --fondo: #f5f6f8;
  --fondo-sutil: #eef0f4;
  --panel: #ffffff;
  --panel-elevado: #ffffff;
  --borde: #dde1e8;
  --borde-fuerte: #c4cad4;
  --texto: #1b2029;
  --texto-sutil: #4b5361;
  --quieto: #656d7a;
  --foco: #3576e0;
  --entrada-fondo: #eef0f4;
  --azul: #3576e0;
  --azul-fuerte: #1f56b8;
  --verde: #17916b;
  --verde-fuerte: #0d6e50;
  --rojo: #c8323f;
  --rojo-fuerte: #a3212c;
  --ambar: #a4740f;
  --ambar-fuerte: #7d5808;
  --gris-neutro: #656d7a;
  --acento: #2d6bd6;
  --acento-fuerte: #1f56b8;
  --sobre-acento: #ffffff;
  --sobre-peligro: #ffffff;
}
}

:root[data-theme="light"] {
  --fondo: #f5f6f8;
  --fondo-sutil: #eef0f4;
  --panel: #ffffff;
  --panel-elevado: #ffffff;
  --borde: #dde1e8;
  --borde-fuerte: #c4cad4;
  --texto: #1b2029;
  --texto-sutil: #4b5361;
  --quieto: #656d7a;
  --foco: #3576e0;
  --entrada-fondo: #eef0f4;
  --azul: #3576e0;
  --azul-fuerte: #1f56b8;
  --verde: #17916b;
  --verde-fuerte: #0d6e50;
  --rojo: #c8323f;
  --rojo-fuerte: #a3212c;
  --ambar: #a4740f;
  --ambar-fuerte: #7d5808;
  --gris-neutro: #656d7a;
  --acento: #2d6bd6;
  --acento-fuerte: #1f56b8;
  --sobre-acento: #ffffff;
  --sobre-peligro: #ffffff;
}

:root[data-theme="dark"] {
  --fondo: #0e1117;
  --fondo-sutil: #11151c;
  --panel: #161a22;
  --panel-elevado: #1c212b;
  --borde: #2a2f3a;
  --borde-fuerte: #3a4150;
  --texto: #e6e9ef;
  --texto-sutil: #aab1bf;
  --quieto: #8b93a3;
  --foco: #5b9cf5;
  --entrada-fondo: #0a0d12;
  --azul: #5b9cf5;
  --azul-fuerte: #8ebbf8;
  --verde: #58c9a4;
  --verde-fuerte: #84dabb;
  --rojo: #e5636e;
  --rojo-fuerte: #ee8a92;
  --ambar: #e0b35a;
  --ambar-fuerte: #eac783;
  --gris-neutro: #6b7280;
  --acento: #5b9cf5;
  --acento-fuerte: #8ebbf8;
  --sobre-acento: #0e1117;
  --sobre-peligro: #0e1117;
}

/* Acento de la app (sincronizar.py). */

:root {
  --acento: #9AAAEC;
  --acento-fuerte: #bdc8f3;
  --sobre-acento: #0e1117;
}

:root[data-theme="dark"] {
  --acento: #9AAAEC;
  --acento-fuerte: #bdc8f3;
  --sobre-acento: #0e1117;
}

@media (prefers-color-scheme: light) {
:root:not([data-theme="dark"]) {
  --acento: #2F3E7E;
  --acento-fuerte: #232e5e;
  --sobre-acento: #ffffff;
}
}

:root[data-theme="light"] {
  --acento: #2F3E7E;
  --acento-fuerte: #232e5e;
  --sobre-acento: #ffffff;
}