/* ==========================================================================
   BASE — Esquemas de color (de1070, 2026-10-08)
   Capa OPCIONAL encima de cualquiera de los 5 temas (matrix, glass, solid,
   dark, light). Se activa con data-scheme en #sima-panel desde Apariencia →
   «Esquema de color». Sin atributo (opción «Del tema») no cambia NADA: los
   temas quedan exactamente como estaban.
   Los valores van con !important a propósito: deben ganarle a la paleta
   personalizada que Apariencia pone inline por tema (si eliges un esquema,
   manda el esquema; al volver a «Del tema» reaparece tu paleta).
   Los mismos esquemas existen en el teléfono (style/mobile.css, data-mscheme).
   ========================================================================== */

/* Negro de alto contraste: fondo negro puro, superficies opacas, colores intensos. */
#sima-panel[data-scheme="negro"] {
  --primary: #2ee6ff !important;
  --accent: #ffc23d !important;
  --matrix-color: #2ee6ff !important;
  --accent-rgb: 46,230,255 !important;
  --panel-bg: #000 !important;
  --glass-bg-rgb: 10,10,10 !important;
  --glass-opacity: 1 !important;
  --glass-bg: #0a0a0a !important;
  --glass-border: rgba(255,255,255,0.28) !important;
  --glass-blur: 0px !important;
  --text-main: #fff !important;
  --text-muted: #c4c4c4 !important;
  --fr-panel-rgb: 10,10,10 !important;
  --fr-card-op: 0.96 !important;
  --fr-subpanel-op: 0.96 !important;
  --fr-tile-op: 0.96 !important;
  --fr-drawer-op: 0.98 !important;
  --fr-modal-op: 0.98 !important;
  --win-bg: #000 !important;
  --win-card: #111 !important;
  --win-bar: #141414 !important;
  --win-toolbar: #0d0d0d !important;
  --win-pop: #161616 !important;
  --win-border: #4a4a4a !important;
  --win-border-soft: #2e2e2e !important;
  --win-hover: #1c1c1c !important;
  --win-exp: #0a0a0a !important;
  --win-text: #fff !important;
  --win-text-bright: #fff !important;
  --win-muted: #c4c4c4 !important;
  --win-blur: 0px !important;
  --danger: #ff5c5c !important;
  --success: #3dff8b !important;
  --warn: #ffc23d !important;
}

/* Navy y teal: los colores del logo de CIMA (#04346C + #00AFC2) con sus complementos. */
#sima-panel[data-scheme="navy"] {
  --primary: #00afc2 !important;
  --accent: #3d8bfd !important;
  --matrix-color: #00afc2 !important;
  --accent-rgb: 0,175,194 !important;
  --panel-bg: #061a33 !important;
  --glass-bg-rgb: 11,38,71 !important;
  --glass-opacity: 0.94 !important;
  --glass-bg: rgba(11,38,71,0.94) !important;
  --glass-border: rgba(159,196,232,0.2) !important;
  --text-main: #e8f1fb !important;
  --text-muted: #8ea8c4 !important;
  --fr-panel-rgb: 11,38,71 !important;
  --win-bg: #0b2647 !important;
  --win-card: #0e2d54 !important;
  --win-bar: #04346c !important;
  --win-toolbar: #08305e !important;
  --win-pop: #0e2d54 !important;
  --win-border: #1c3c63 !important;
  --win-border-soft: #15355a !important;
  --win-hover: #123760 !important;
  --win-exp: #082142 !important;
  --win-text: #e8f1fb !important;
  --win-text-bright: #fff !important;
  --win-muted: #8ea8c4 !important;
  --danger: #ff6b6b !important;
  --success: #2fc58f !important;
  --warn: #f0a63a !important;
}

/* de1094 (4) Landing de CIMA: claro, como appcima.com (#F7FAFD, blanco, navy #04346C y teal #00AFC2). */
#sima-panel[data-scheme="landing"] {
  --primary: #04346c !important;
  --accent: #0098aa !important;
  --matrix-color: #0a5aa8 !important;
  --accent-rgb: 10,90,168 !important;
  --panel-bg: #edf2f8 !important;
  --glass-bg-rgb: 255,255,255 !important;
  --glass-opacity: 1 !important;
  --glass-bg: #ffffff !important;
  --glass-border: #d9e3ee !important;
  --glass-blur: 0px !important;
  --text-main: #0a2540 !important;
  --text-muted: #5b6b80 !important;
  --fr-panel-rgb: 255,255,255 !important;
  --win-bg: #ffffff !important;
  --win-card: #f7fafd !important;
  --win-bar: #e6edf6 !important;
  --win-toolbar: #f1f5fa !important;
  --win-pop: #ffffff !important;
  --win-border: #d3dde9 !important;
  --win-border-soft: #e4ebf3 !important;
  --win-hover: #edf2f8 !important;
  --win-exp: #f4f7fb !important;
  --win-text: #0a2540 !important;
  --win-text-bright: #04213f !important;
  --win-muted: #5b6b80 !important;
  --win-blur: 0px !important;
  --danger: #d93a3a !important;
  --success: #12996f !important;
  --warn: #c97a0a !important;
}

/* Liquid Glass claro: cristal esmerilado blanco sobre manchas de color suaves (el tema Liquid Glass es el oscuro). */
#sima-panel[data-scheme="glass-claro"] {
  --primary: #0a7cff !important;
  --accent: #a63fd9 !important;
  --matrix-color: #0a7cff !important;
  --accent-rgb: 10,124,255 !important;
  --panel-bg: #e8edf5 !important;
  --glass-bg-rgb: 255,255,255 !important;
  --glass-opacity: 0.62 !important;
  --glass-bg: rgba(255,255,255,0.62) !important;
  --glass-border: rgba(255,255,255,0.75) !important;
  --glass-blur: 18px !important;
  --text-main: #0d1626 !important;
  --text-muted: #536079 !important;
  --fr-panel-rgb: 255,255,255 !important;
  --fr-card-op: 0.6 !important;
  --fr-subpanel-op: 0.6 !important;
  --fr-tile-op: 0.6 !important;
  --fr-drawer-op: 0.8 !important;
  --fr-modal-op: 0.85 !important;
  --win-bg: rgba(255,255,255,0.72) !important;
  --win-card: rgba(255,255,255,0.6) !important;
  --win-bar: rgba(255,255,255,0.82) !important;
  --win-toolbar: rgba(255,255,255,0.7) !important;
  --win-pop: #ffffff !important;
  --win-border: rgba(15,30,60,0.12) !important;
  --win-border-soft: rgba(15,30,60,0.07) !important;
  --win-hover: rgba(255,255,255,0.9) !important;
  --win-exp: rgba(255,255,255,0.55) !important;
  --win-text: #0d1626 !important;
  --win-text-bright: #000 !important;
  --win-muted: #536079 !important;
  --win-blur: 22px !important;
  --danger: #e5342a !important;
  --success: #1f9d4c !important;
  --warn: #e08600 !important;
  background:
    radial-gradient(55% 45% at 12% 8%, #7cc4ff, transparent 70%),
    radial-gradient(50% 45% at 92% 30%, #ffb3d9, transparent 70%),
    radial-gradient(65% 45% at 40% 100%, #b9f5d0, transparent 70%),
    #e8edf5 !important;
}
#sima-panel[data-scheme="glass-claro"] .glass-card,
#sima-panel[data-scheme="glass-claro"] .stat-card,
#sima-panel[data-scheme="glass-claro"] .modal-box {
  -webkit-backdrop-filter: blur(18px) saturate(170%);
  backdrop-filter: blur(18px) saturate(170%);
}
/* Esquemas claros sobre un tema oscuro: los selectores y el menú toman el aire del tema Claro. */
#sima-panel[data-scheme="landing"] select, #sima-panel[data-scheme="glass-claro"] select { background: #f1f5f9; color: #1e293b; }
#sima-panel[data-scheme="landing"] select option, #sima-panel[data-scheme="glass-claro"] select option { background: #f8fafc; color: #1e293b; }

/* Guardar (de1130): en los esquemas claros, el morado más oscuro para que contraste. */
#sima-panel[data-scheme="landing"], #sima-panel[data-scheme="glass-claro"] { --save-glow: #7c3aed; }