/* ==========================================================================
   Blueprint Studio - Workspace Minimalist: Default Dark Theme
   Define los tokens cromáticos simétricos y de contraste para el tema oscuro,
   inspirado en la identidad corporativa y modular de Blueprint Ops Center.
   ========================================================================== */

[data-theme="dark"] {
color-scheme: dark; /* Esquema cromático nativo oscuro para barras de scroll y controles del navegador */
--as-cl: #c084fc;
--as-cn: #3b0764;
--bg-cn-cl: #162032; /* Fondo de contenedores, tarjetas y frames */
--bg-er-sb: rgba(220, 38, 38, 0.18); /* Tinte de fondo sutil para contenedor con error */
--bg-in-cl: #0b111e; /* Fondo profundo para controles de captura de datos en paneles */
--bg-pr-cl: #071d33; /* Fondo primario corporativo de la barra de encabezado */
--bg-pr-sb: rgba(255, 255, 255, 0.75); /* Texto sutil sobre fondo primario */
--bg-pr-tx: #ffffff; /* Texto principal sobre fondo primario */
--bg-sc-cl: #ff7043; /* Fondo secundario de acento (botones y controles activos) */
--bg-sc-sb: #4d1a0b; /* Fondo secundario tenue para badges y chips de estado */
--bg-sc-tx: #ffffff; /* Texto sobre fondo secundario de acento */
--bg-sr-cl: #0b111e; /* Fondo del lienzo general y espacio de trabajo */
--bg-sr-sb: #94a3b8; /* Texto sutil, descripciones e iconos inactivos sobre superficie */
--bg-sr-tx: #f1f5f9; /* Texto principal claro sobre superficie */
--color-assistant: var(--as-cl);
--color-border: var(--ot-cl);
--color-error: var(--er-cl);
--color-info: var(--in-cl);
--color-primary: var(--pr-cl);
--color-secondary: var(--sc-cl);
--color-success: var(--su-cl);
--color-surface: var(--sr-cn);
--color-text: var(--on-sr);
--color-warning: var(--wn-cl);
--er-cl: #dc2626; /* Color semántico principal de estado de error */
--er-cn: #7f1d1d;
--gl-bd: rgba(255, 255, 255, 0.12); /* Borde sutil brillante para superficies de cristal */
--gl-bg: rgba(22, 32, 50, 0.70); /* Fondo translúcido para efecto cristal/glassmorphism */
--in-cl: #38bdf8;
--in-cn: #0c4a6e;
--ms-bg: rgba(0, 0, 0, 0.65); /* Velo modal de bloqueo (Mist) */
--on-ac: #e9d5ff;
--on-as: #2e1065;
--on-ec: #fecaca;
--on-er: #ffffff;
--on-ic: #bae6fd;
--on-in: #082f49;
--on-pc: #bde3fa;
--on-pr: #ffffff;
--on-pr-sb: rgba(255, 255, 255, 0.75); /* Texto sutil/inactivo sobre fondo primario */
--on-sc: #ffffff;
--on-sc-cn: #ffab91;
--on-sr: #f1f5f9;
--on-sr-sb: var(--bg-sr-sb); /* Texto sutil e informativo sobre superficie */
--on-su: #052e16;
--on-suc: #bbf7d0;
--on-tc: #fde68a;
--on-tr: #451a03;
--on-wc: #fed7aa;
--on-wn: #431407;
--ot-cl: #283548;
--ot-vr: #334155;
--pr-ac: rgba(255, 255, 255, 0.14); /* Capa active/seleccionado sobre fondo primario */
--pr-cl: #071d33;
--pr-cn: #0e2a47;
--pr-hv: rgba(255, 255, 255, 0.08); /* Capa hover sobre fondo primario */
--pr-sc: #162032;
--pr-sr: #0b111e;
--sc-cl: #ff7043;
--sc-cn: #4d1a0b;
--sc-gw: inset 0 8px 18px -4px rgba(255, 112, 67, 0.40); /* Resplandor ambiental para pestañas y controles activos secundarios */
--sd-lg: 0 8px 30px rgba(0, 0, 0, 0.50); /* Elevación alta: modales y tarjetas de carga */
--sd-md: 0 4px 14px rgba(0, 0, 0, 0.35); /* Elevación media: notificaciones toast */
--sd-sm: 0 1px 3px rgba(0, 0, 0, 0.40); /* Elevación baja: barra de encabezado */
--sr-cl: #0b111e;
--sr-cn: #162032;
--sr-hv: rgba(255, 255, 255, 0.08); /* Capa hover sobre superficie general */
--sr-vr: #162032; /* Superficie variante reposada para paneles laterales y consolas */
--su-cl: #4ade80;
--su-cn: #14532d;
--tr-cl: #fbbf24;
--tr-cn: #451a03;
--wn-cl: #fb923c;
--wn-cn: #7c2d12;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
color-scheme: dark; /* Esquema cromático nativo oscuro para barras de scroll y controles del navegador */
--as-cl: #c084fc;
--as-cn: #3b0764;
--bg-cn-cl: #162032; /* Fondo de contenedores, tarjetas y frames */
--bg-er-sb: rgba(220, 38, 38, 0.18); /* Tinte de fondo sutil para contenedor con error */
--bg-in-cl: #0b111e; /* Fondo profundo para controles de captura de datos en paneles */
--bg-pr-cl: #071d33; /* Fondo primario corporativo de la barra de encabezado */
--bg-pr-sb: rgba(255, 255, 255, 0.75); /* Texto sutil sobre fondo primario */
--bg-pr-tx: #ffffff; /* Texto principal sobre fondo primario */
--bg-sc-cl: #ff7043; /* Fondo secundario de acento (botones y controles activos) */
--bg-sc-sb: #4d1a0b; /* Fondo secundario tenue para badges y chips de estado */
--bg-sc-tx: #ffffff; /* Texto sobre fondo secundario de acento */
--bg-sr-cl: #0b111e; /* Fondo del lienzo general y espacio de trabajo */
--bg-sr-sb: #94a3b8; /* Texto sutil, descripciones e iconos inactivos sobre superficie */
--bg-sr-tx: #f1f5f9; /* Texto principal claro sobre superficie */
--color-assistant: var(--as-cl);
--color-border: var(--ot-cl);
--color-error: var(--er-cl);
--color-info: var(--in-cl);
--color-primary: var(--pr-cl);
--color-secondary: var(--sc-cl);
--color-success: var(--su-cl);
--color-surface: var(--sr-cn);
--color-text: var(--on-sr);
--color-warning: var(--wn-cl);
--er-cl: #dc2626; /* Color semántico principal de estado de error */
--er-cn: #7f1d1d;
--gl-bd: rgba(255, 255, 255, 0.12); /* Borde sutil brillante para superficies de cristal */
--gl-bg: rgba(22, 32, 50, 0.70); /* Fondo translúcido para efecto cristal/glassmorphism */
--in-cl: #38bdf8;
--in-cn: #0c4a6e;
--ms-bg: rgba(0, 0, 0, 0.65); /* Velo modal de bloqueo (Mist) */
--on-ac: #e9d5ff;
--on-as: #2e1065;
--on-ec: #fecaca;
--on-er: #ffffff;
--on-ic: #bae6fd;
--on-in: #082f49;
--on-pc: #bde3fa;
--on-pr: #ffffff;
--on-pr-sb: rgba(255, 255, 255, 0.75); /* Texto sutil/inactivo sobre fondo primario */
--on-sc: #ffffff;
--on-sc-cn: #ffab91;
--on-sr: #f1f5f9;
--on-sr-sb: var(--bg-sr-sb); /* Texto sutil e informativo sobre superficie */
--on-su: #052e16;
--on-suc: #bbf7d0;
--on-tc: #fde68a;
--on-tr: #451a03;
--on-wc: #fed7aa;
--on-wn: #431407;
--ot-cl: #283548;
--ot-vr: #334155;
--pr-ac: rgba(255, 255, 255, 0.14); /* Capa active/seleccionado sobre fondo primario */
--pr-cl: #071d33;
--pr-cn: #0e2a47;
--pr-hv: rgba(255, 255, 255, 0.08); /* Capa hover sobre fondo primario */
--pr-sc: #162032;
--pr-sr: #0b111e;
--sc-cl: #ff7043;
--sc-cn: #4d1a0b;
--sc-gw: inset 0 8px 18px -4px rgba(255, 112, 67, 0.40); /* Resplandor ambiental para pestañas y controles activos secundarios */
--sd-lg: 0 8px 30px rgba(0, 0, 0, 0.50); /* Elevación alta: modales y tarjetas de carga */
--sd-md: 0 4px 14px rgba(0, 0, 0, 0.35); /* Elevación media: notificaciones toast */
--sd-sm: 0 1px 3px rgba(0, 0, 0, 0.40); /* Elevación baja: barra de encabezado */
--sm-bg: rgba(255, 255, 255, 0.08); /* Fondo inactivo de pistas de medidor de fortaleza */
--sm-er: var(--bg-sr-sb); /* Indicador de validación de contraseña: requisitos pendientes */
--sm-fr: #f59e0b; /* Nivel 2 (Fair) de medidor de fortaleza: ámbar cálido */
--sm-ok: #10b981; /* Indicador de validación de contraseña: regla cumplida */
--sm-st: #10b981; /* Nivel 3 (Strong) de medidor de fortaleza: verde menta / teal */
--sm-vs: #22c55e; /* Nivel 4 (Very Strong) de medidor de fortaleza: verde esmeralda brillante */
--sm-wk: #ef4444; /* Nivel 1 (Weak) de medidor de fortaleza: rojo coral */
--sr-cl: #0b111e;
--sr-cn: #162032;
--sr-hv: rgba(255, 255, 255, 0.08); /* Capa hover sobre superficie general */
--sr-vr: #162032; /* Superficie variante reposada para paneles laterales y consolas */
--su-cl: #4ade80;
--su-cn: #14532d;
--tr-cl: #fbbf24;
--tr-cn: #451a03;
--wn-cl: #fb923c;
--wn-cn: #7c2d12;
  }
}