/* ============================================================
   Overrides del tema Material de Telerik hacia la paleta CompLook.
   Los temas Kendo v7 exponen variables CSS propias; se mapean a
   los tokens de marca. Se mantiene el tema Material como base:
   no se reconstruye desde cero.
   Este archivo DEBE cargarse despues del CSS del tema Material,
   o el tema lo pisa.
   ============================================================ */

:root {
  --kendo-color-primary:          var(--cl-navy);
  --kendo-color-primary-hover:    var(--cl-deep);
  --kendo-color-primary-active:   var(--cl-deep);
  --kendo-color-base:             var(--cl-surface);
  --kendo-color-border:           var(--cl-border);
  --kendo-font-family:            var(--font-sans);
}

/* Botones Telerik: el primario sigue la regla de marca
   (esmeralda de fondo, texto marino profundo) */
.k-button-solid-primary {
  background-color: var(--cl-emerald);
  border-color: var(--cl-emerald);
  color: var(--cl-deep);
  font-weight: 700;
  transition: filter 150ms ease;
}
.k-button-solid-primary:hover {
  background-color: var(--cl-emerald);
  border-color: var(--cl-emerald);
  filter: brightness(1.06);
}

/* Encabezado de grilla */
.k-grid .k-grid-header {
  background-color: var(--cl-bg);
  color: var(--cl-deep);
}

/* Ventanas modales */
.k-window-titlebar {
  background-color: var(--cl-navy);
  color: #FFFFFF;
}