/* ══════════════════════════════
   TEMA / PALETA DE COLORES — CFB
   Unico lugar donde se define la paleta de la app. Cambiar un color
   aca lo cambia en toda la app (todo el HTML/JS usa estas variables
   var(--nombre) en vez de colores sueltos).
   Estilo neutro tipo editor de codigo (fondos grises oscuros, un solo
   azul discreto como acento), 19 ago 2026.
══════════════════════════════ */
:root{
  --bg:#1e1e1e;
  --surface:#252526;
  --card:#2d2d30;
  --border:#3c3c3c;
  --accent:#4a9eda;
  --accent2:#569cd6;
  --text:#cccccc;
  --muted:#808080;
  --danger:#d16969;
  --radius:6px;
}

/* ══════════════════════════════
   BOTONES — estilo plano unico, tipo Visual Basic / MS Access clasico
   Un solo color gris/beige, sin degradados ni brillos, texto oscuro.
   Se aplica a TODOS los botones de la app desde este unico lugar
   (con !important porque hay muchos estilos en linea sueltos en el
   HTML que si no, ganarian por especificidad). Cambiar el look de los
   botones en el futuro = editar solo este bloque.
   19/20 ago 2026.
══════════════════════════════ */
button, .btn-primary, .btn-secondary, .btn-enviar-sri, .btn-ops {
  background: #c8c4ba !important;
  background-image: none !important;
  color: #1a1a1a !important;
  border: 1px solid #8a8580 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
button:active {
  background: #b8b4aa !important;
}

/* Fondo cuadriculado (grid decorativo detras de toda la app) - SACADO
   20 ago 2026 a pedido del usuario. La regla vivia en body::before
   dentro del <style> inline de index_cfb.html, se elimino de ahi.
   Si algun dia se quiere volver a poner, iria aca:
   body::before{content:'';position:fixed;inset:0;background-image:linear-gradient(rgba(74,158,218,.04)1px,transparent 1px),linear-gradient(90deg,rgba(74,158,218,.04)1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0;}
*/

/* ══════════════════════════════
   TEMA CLARO — alternativa a la paleta oscura de arriba
   Se activa poniendo data-theme="light" en <html> (ver
   js/common/tema-toggle.js). La paleta oscura de :root sigue siendo
   la default. 20 ago 2026.
══════════════════════════════ */
html[data-theme="light"]{
  --bg:#f3f3f3;
  --surface:#ffffff;
  --card:#f0f0f0;
  --border:#b0b0b0;
  --accent:#1a6fb0;
  --accent2:#2c7bc4;
  --text:#1a1a1a;
  --muted:#5a5a5a;
  --danger:#b03030;
}