/* Modo claro con los colores del logo CRUM: celeste #2B9FDC · verde #3DAA49 · azul #1166B3 · morado #5A4A9E · azul marino #1F3C73 */
html.theme-light{
  --teal:#2B9FDC;--blue:#1166B3;--green:#3DAA49;--purple:#5A4A9E;--mm:#2E9A3E;--acc:#1166B3;
  --navy:#FFFFFF;--bg:#F3F7FB;--bg2:#FFFFFF;--bg3:#EAF2FA;--card:#FFFFFF;
  --border:#D5E1EE;--t1:#1F3C73;--t2:#4B6085;--t3:#7D8FAB;
  --ccss:#1166B3;--ccss2:#2B9FDC;--shadow:0 2px 12px rgba(31,60,115,.10);
  color-scheme:light;
}
html.theme-light body{background:var(--bg)!important;color:var(--t1)}
/* Barras superiores */
html.theme-light .topbar,html.theme-light .top,html.theme-light .tb,html.theme-light header.app,html.theme-light .header{
  background:#FFFFFF!important;border-bottom:3px solid transparent!important;
  border-image:linear-gradient(90deg,#2B9FDC 0 25%,#3DAA49 25% 50%,#1166B3 50% 75%,#5A4A9E 75%) 1!important;box-shadow:0 2px 10px rgba(31,60,115,.08)}
html.theme-light .tb-logo .crum{color:#1F3C73!important}
html.theme-light .tb-logo .mod{color:#3DAA49!important}
/* Campos de formulario */
html.theme-light input:not([type=checkbox]):not([type=radio]):not([type=range]),html.theme-light select,html.theme-light textarea{
  background:#FFFFFF!important;color:#1F3C73!important;border-color:#C9D7E6!important}
html.theme-light input::placeholder,html.theme-light textarea::placeholder{color:#9AA9BF!important}
html.theme-light input:focus,html.theme-light select:focus,html.theme-light textarea:focus{border-color:#2B9FDC!important;box-shadow:0 0 0 3px rgba(43,159,220,.15)!important}
html.theme-light option{background:#fff;color:#1F3C73}
/* Tarjetas y paneles con fondo oscuro fijo */
html.theme-light .card,html.theme-light .panel,html.theme-light .section,html.theme-light .box,html.theme-light .modal-content,html.theme-light .sidebar,html.theme-light aside{box-shadow:var(--shadow)}
html.theme-light ::-webkit-scrollbar-thumb{background:#C9D7E6}
html.theme-light ::-webkit-scrollbar-track{background:#EEF3F9}

/* Botón de tema */
.crum-theme-btn{position:fixed;right:84px;bottom:12px;z-index:9999;background:#fff;color:#1F3C73;border:1px solid #cfd8e3;border-radius:20px;padding:7px 12px;font:600 13px system-ui,sans-serif;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.18)}
html:not(.theme-light) .crum-theme-btn{background:#0F2040;color:#E8F0FF;border-color:#1E3A5C}
@media print{.crum-theme-btn,.crum-lang{display:none!important}}
