/* ═══════════════════════════════════════════════════════════════════════════
   theme-light.css — tema claro (Light) de Actais Devices.
   Para cambiar de tema, sustituir el <link> en index.html por theme-dark.css
   (cuando exista). Para ajustar valores rápidamente, editar las custom props
   declaradas en :root al principio del fichero.
═══════════════════════════════════════════════════════════════════════════ */

:root {
  /* Paleta de acento */
  --accent-dim:    rgba(26, 115, 232, 0.12); /* azul light al 12% */
  --accent-strong: rgb(20, 99, 207);         /* azul Material 600 fuerte */
  --border:        #d4d8e0;                  /* gris para bordes */

  /* Tipografía del header de grids */
  --grid-header-font-size:   13px;
  --grid-header-font-weight: 600;
}

/* ── Header row de dxDataGrid ─────────────────────────────────────────────── */
.dx-datagrid .dx-header-row > td {
  background:    var(--accent-dim);
  color:         var(--accent-strong);
  font-size:     var(--grid-header-font-size);
  font-weight:   var(--grid-header-font-weight);
  border-bottom: 1px solid var(--border);
}