/**
 * Orbit Design System — Dark theme
 * Sobrescribe tokens semánticos (--ui-color-*, sombras y alertas) cuando data-theme="dark".
 * Canvas/superficies con jerarquía invertida; texto sin blanco puro; bordes más luminosos;
 * marca y semánticos: fills más claros, superficies oscuras, texto/icono legibles.
 * Paletas primitivas (--ui-color-red-500, etc.) no se duplican aquí.
 */
[data-theme='dark'],
.theme-dark {
   color-scheme: dark;
 
   /* --- Canvas & overlays (overlays no se invierten) --- */
   --ui-color-bg-canvas-default: var(--ui-color-dark-gray-900);
   --ui-color-bg-canvas-inverse: var(--ui-color-light-gray-50);
   --ui-color-bg-overlay-default: var(--ui-color-black-alpha-60);
   --ui-color-bg-overlay-darker: var(--ui-color-black-alpha-80);
 
   /* --- Texto e iconos neutros --- */
   --ui-color-text-primary: var(--ui-color-light-gray-100);
   --ui-color-text-secondary: var(--ui-color-light-gray-400);
   --ui-color-text-tertiary: var(--ui-color-light-gray-700);
   --ui-color-text-disabled: var(--ui-color-dark-gray-200);
 
   --ui-color-icon-default: var(--ui-color-light-gray-300);
   --ui-color-icon-hover: var(--ui-color-light-gray-100);
   --ui-color-icon-pressed: var(--ui-color-white);
   --ui-color-icon-selected: var(--ui-color-blue-400);
   --ui-color-icon-disabled: var(--ui-color-dark-gray-200);
 
   /* Icon on inverse canvas */
   --ui-color-icon-on-canvas-inverse: var(--ui-color-dark-gray-400);
 
   --ui-color-icon-secondary-default: var(--ui-color-light-gray-500);
   --ui-color-icon-secondary-hover: var(--ui-color-light-gray-300);
   --ui-color-icon-secondary-pressed: var(--ui-color-light-gray-100);
   --ui-color-icon-secondary-selected: var(--ui-color-light-gray-300);
 
   --ui-color-icon-tertiary-default: var(--ui-color-light-gray-900);
   --ui-color-icon-tertiary-hover: var(--ui-color-light-gray-700);
   --ui-color-icon-tertiary-pressed: var(--ui-color-light-gray-500);
   --ui-color-icon-tertiary-selected: var(--ui-color-light-gray-700);
 
   --ui-color-icon-brand-default: var(--ui-color-blue-200);
   --ui-color-icon-brand-hover: var(--ui-color-blue-100);
   --ui-color-icon-brand-pressed: var(--ui-color-blue-50);
   --ui-color-icon-brand-selected: var(--ui-color-white);
 
   --ui-color-icon-success-default: var(--ui-color-green-200);
   --ui-color-icon-success-hover: var(--ui-color-green-100);
   --ui-color-icon-success-pressed: var(--ui-color-green-50);
   --ui-color-icon-success-selected: var(--ui-color-white);
 
   --ui-color-icon-warning-default: var(--ui-color-yellow-200);
   --ui-color-icon-warning-hover: var(--ui-color-yellow-100);
   --ui-color-icon-warning-pressed: var(--ui-color-yellow-50);
   --ui-color-icon-warning-selected: var(--ui-color-white);
 
   --ui-color-icon-danger-default: var(--ui-color-red-200);
   --ui-color-icon-danger-hover: var(--ui-color-red-100);
   --ui-color-icon-danger-pressed: var(--ui-color-red-50);
   --ui-color-icon-danger-selected: var(--ui-color-white);
 
   --ui-color-icon-info-default: var(--ui-color-cyan-200);
   --ui-color-icon-info-hover: var(--ui-color-cyan-100);
   --ui-color-icon-info-pressed: var(--ui-color-cyan-50);
   --ui-color-icon-info-selected: var(--ui-color-white);
 
   --ui-color-icon-on-color: var(--ui-color-white);
 
   /* --- Bordes --- */
   --ui-color-border-default: var(--ui-color-dark-gray-400);
   --ui-color-border-hover: var(--ui-color-light-gray-700);
   --ui-color-border-pressed: var(--ui-color-light-gray-500);
   --ui-color-border-focus: var(--ui-color-blue-400);
   --ui-color-border-disabled: var(--ui-color-dark-gray-500);
   --ui-color-border-subtle: var(--ui-color-dark-gray-500);
   --ui-color-border-on-color: var(--ui-color-white);
   --ui-color-border-strong: var(--ui-color-light-gray-600);
 
   --ui-color-border-brand: var(--ui-color-blue-400);
   --ui-color-border-success: var(--ui-color-green-400);
   --ui-color-border-warning: var(--ui-color-yellow-400);
   --ui-color-border-danger: var(--ui-color-red-400);
   --ui-color-border-info: var(--ui-color-cyan-400);
 
   --ui-color-text-text-on-color: var(--ui-color-white);
 
   /* --- Superficies neutras --- */
   --ui-color-bg-surface-default: var(--ui-color-dark-gray-800);
   --ui-color-bg-surface-hover: var(--ui-color-dark-gray-700);
   --ui-color-bg-surface-pressed: var(--ui-color-dark-gray-500);
   --ui-color-bg-surface-selected: var(--ui-color-dark-gray-600);
   --ui-color-bg-surface-dissabled: var(--ui-color-dark-gray-700);
 
   --ui-color-bg-surface-secondary-default: var(--ui-color-dark-gray-700);
   --ui-color-bg-surface-secondary-hover: var(--ui-color-dark-gray-600);
   --ui-color-bg-surface-secondary-pressed: var(--ui-color-dark-gray-300);
   --ui-color-bg-surface-secondary-selected: var(--ui-color-dark-gray-400);
 
   --ui-color-bg-surface-tertiary-default: var(--ui-color-dark-gray-500);
   --ui-color-bg-surface-tertiary-hover: var(--ui-color-dark-gray-400);
   --ui-color-bg-surface-tertiary-pressed: var(--ui-color-dark-gray-200);
   --ui-color-bg-surface-tertiary-selected: var(--ui-color-dark-gray-300);
 
   /* --- Superficies marca / estado --- */
   --ui-color-bg-surface-brand-default: var(--ui-color-blue-900);
   --ui-color-bg-surface-brand-hover: var(--ui-color-blue-800);
   --ui-color-bg-surface-brand-pressed: var(--ui-color-blue-600);
   --ui-color-bg-surface-brand-selected: var(--ui-color-blue-700);
   --ui-color-bg-surface-brand-disabled: var(--ui-color-blue-900);
 
   --ui-color-bg-surface-success-default: var(--ui-color-green-900);
   --ui-color-bg-surface-success-hover: var(--ui-color-green-800);
   --ui-color-bg-surface-success-pressed: var(--ui-color-green-600);
   --ui-color-bg-surface-success-selected: var(--ui-color-green-700);
   --ui-color-bg-surface-success-disabled: var(--ui-color-green-900);
 
   --ui-color-bg-surface-warning-default: var(--ui-color-yellow-900);
   --ui-color-bg-surface-warning-hover: var(--ui-color-yellow-800);
   --ui-color-bg-surface-warning-pressed: var(--ui-color-yellow-600);
   --ui-color-bg-surface-warning-selected: var(--ui-color-yellow-700);
   --ui-color-bg-surface-warning-disabled: var(--ui-color-yellow-900);
 
   --ui-color-bg-surface-danger-default: var(--ui-color-red-900);
   --ui-color-bg-surface-danger-hover: var(--ui-color-red-800);
   --ui-color-bg-surface-danger-pressed: var(--ui-color-red-600);
   --ui-color-bg-surface-danger-selected: var(--ui-color-red-700);
   --ui-color-bg-surface-danger-disabled: var(--ui-color-red-900);
 
   --ui-color-bg-surface-info-default: var(--ui-color-cyan-900);
   --ui-color-bg-surface-info-hover: var(--ui-color-cyan-800);
   --ui-color-bg-surface-info-pressed: var(--ui-color-cyan-600);
   --ui-color-bg-surface-info-selected: var(--ui-color-cyan-700);
   --ui-color-bg-surface-info-disabled: var(--ui-color-cyan-900);
 
   /* --- Fills neutros --- */
   --ui-color-bg-fill-default: var(--ui-color-dark-gray-800);
   --ui-color-bg-fill-hover: var(--ui-color-dark-gray-600);
   --ui-color-bg-fill-pressed: var(--ui-color-dark-gray-300);
   --ui-color-bg-fill-selected: var(--ui-color-dark-gray-500);
   --ui-color-bg-fill-dissabled: var(--ui-color-dark-gray-700);
 
   --ui-color-bg-fill-secondary-default: var(--ui-color-dark-gray-700);
   --ui-color-bg-fill-secondary-hover: var(--ui-color-dark-gray-500);
   --ui-color-bg-fill-secondary-pressed: var(--ui-color-dark-gray-200);
   --ui-color-bg-fill-secondary-selected: var(--ui-color-dark-gray-400);
 
   --ui-color-bg-fill-tertiary-default: var(--ui-color-dark-gray-600);
   --ui-color-bg-fill-tertiary-hover: var(--ui-color-dark-gray-400);
   --ui-color-bg-fill-tertiary-pressed: var(--ui-color-dark-gray-100);
   --ui-color-bg-fill-tertiary-selected: var(--ui-color-dark-gray-300);
 
   /* --- Fills marca / estado (misma lógica: defaults más claros sobre oscuro) --- */
   --ui-color-bg-fill-brand-default: var(--ui-color-blue-600);
   --ui-color-bg-fill-brand-hover: var(--ui-color-blue-500);
   --ui-color-bg-fill-brand-pressed: var(--ui-color-blue-400);
   --ui-color-bg-fill-brand-selected: var(--ui-color-blue-700);
   --ui-color-bg-fill-brand-disabled: var(--ui-color-blue-900);
 
   --ui-color-bg-fill-success-default: var(--ui-color-green-600);
   --ui-color-bg-fill-success-hover: var(--ui-color-green-500);
   --ui-color-bg-fill-success-pressed: var(--ui-color-green-400);
   --ui-color-bg-fill-success-selected: var(--ui-color-green-700);
   --ui-color-bg-fill-success-disabled: var(--ui-color-green-900);
 
   --ui-color-bg-fill-warning-default: var(--ui-color-yellow-600);
   --ui-color-bg-fill-warning-hover: var(--ui-color-yellow-500);
   --ui-color-bg-fill-warning-pressed: var(--ui-color-yellow-400);
   --ui-color-bg-fill-warning-selected: var(--ui-color-yellow-700);
   --ui-color-bg-fill-warning-disabled: var(--ui-color-yellow-900);
 
   --ui-color-bg-fill-danger-default: var(--ui-color-red-600);
   --ui-color-bg-fill-danger-hover: var(--ui-color-red-500);
   --ui-color-bg-fill-danger-pressed: var(--ui-color-red-400);
   --ui-color-bg-fill-danger-selected: var(--ui-color-red-700);
   --ui-color-bg-fill-danger-pressed-2: var(--ui-color-red-900);
 
   --ui-color-bg-fill-info-default: var(--ui-color-cyan-600);
   --ui-color-bg-fill-info-hover: var(--ui-color-cyan-500);
   --ui-color-bg-fill-info-pressed: var(--ui-color-cyan-400);
   --ui-color-bg-fill-info-selected: var(--ui-color-cyan-700);
   --ui-color-bg-fill-info-pressed-2: var(--ui-color-cyan-900);
 
   --ui-color-text-on-canvas-Inverse: var(--ui-color-dark-gray-700);
 
   --ui-color-text-brand-default: var(--ui-color-blue-100);
   --ui-color-text-brand-hover: var(--ui-color-blue-50);
   --ui-color-text-brand-pressed: var(--ui-color-white);
   --ui-color-text-brand-selected: var(--ui-color-blue-50);
 
   --ui-color-text-success-default: var(--ui-color-green-100);
   --ui-color-text-success-hover: var(--ui-color-green-50);
   --ui-color-text-success-pressed: var(--ui-color-white);
   --ui-color-text-success-selected: var(--ui-color-green-50);
 
   --ui-color-text-warning-default: var(--ui-color-yellow-100);
   --ui-color-text-warning-hover: var(--ui-color-yellow-50);
   --ui-color-text-warning-pressed: var(--ui-color-white);
   --ui-color-text-warning-selected: var(--ui-color-yellow-50);
 
   --ui-color-text-danger-default: var(--ui-color-red-100);
   --ui-color-text-danger-hover: var(--ui-color-red-50);
   --ui-color-text-danger-pressed: var(--ui-color-white);
   --ui-color-text-danger-selected: var(--ui-color-red-50);
 
   --ui-color-text-link-default: var(--ui-color-blue-400);
   --ui-color-text-link-hover: var(--ui-color-blue-300);
   --ui-color-text-link-pressed: var(--ui-color-blue-200);
   --ui-color-text-link-visited: var(--ui-color-violet-300);
 
   --ui-color-text-info-default: var(--ui-color-cyan-100);
   --ui-color-text-info-hover: var(--ui-color-cyan-50);
   --ui-color-text-info-pressed: var(--ui-color-white);
   --ui-color-text-info-selected: var(--ui-color-cyan-50);
 
   --ui-color-text-all-colors-red: var(--ui-color-red-300);
   --ui-color-text-all-colors-orange: var(--ui-color-orange-300);
   --ui-color-text-all-colors-yellow: var(--ui-color-yellow-300);
   --ui-color-text-all-colors-lime: var(--ui-color-lime-300);
   --ui-color-text-all-colors-green: var(--ui-color-green-300);
   --ui-color-text-all-colors-cyan: var(--ui-color-cyan-300);
   --ui-color-text-all-colors-azure: var(--ui-color-azure-300);
   --ui-color-text-all-colors-blue: var(--ui-color-blue-300);
   --ui-color-text-all-colors-violet: var(--ui-color-violet-300);
   --ui-color-text-all-colors-magenta: var(--ui-color-magenta-300);
   --ui-color-text-all-colors-rose: var(--ui-color-rose-300);
 
   --ui-color-bg-fill-all-colors-red: var(--ui-color-red-600);
   --ui-color-bg-fill-all-colors-orange: var(--ui-color-orange-600);
   --ui-color-bg-fill-all-colors-yellow: var(--ui-color-yellow-600);
   --ui-color-bg-fill-all-colors-lime: var(--ui-color-lime-600);
   --ui-color-bg-fill-all-colors-green: var(--ui-color-green-600);
   --ui-color-bg-fill-all-colors-cyan: var(--ui-color-cyan-600);
   --ui-color-bg-fill-all-colors-azure: var(--ui-color-azure-600);
   --ui-color-bg-fill-all-colors-blue: var(--ui-color-blue-600);
   --ui-color-bg-fill-all-colors-violet: var(--ui-color-violet-600);
   --ui-color-bg-fill-all-colors-magenta: var(--ui-color-magenta-600);
   --ui-color-bg-fill-all-colors-rose: var(--ui-color-rose-600);
 
   --ui-color-bg-surface-all-colors-red: var(--ui-color-red-900);
   --ui-color-bg-surface-all-colors-orange: var(--ui-color-orange-900);
   --ui-color-bg-surface-all-colors-yellow: var(--ui-color-yellow-900);
   --ui-color-bg-surface-all-colors-lime: var(--ui-color-lime-900);
   --ui-color-bg-surface-all-colors-green: var(--ui-color-green-900);
   --ui-color-bg-surface-all-colors-cyan: var(--ui-color-cyan-900);
   --ui-color-bg-surface-all-colors-azure: var(--ui-color-azure-900);
   --ui-color-bg-surface-all-colors-blue: var(--ui-color-blue-900);
   --ui-color-bg-surface-all-colors-violet: var(--ui-color-violet-900);
   --ui-color-bg-surface-all-colors-magenta: var(--ui-color-magenta-900);
   --ui-color-bg-surface-all-colors-rose: var(--ui-color-rose-900);
 
   --ui-color-border-all-colors-red: var(--ui-color-red-500);
   --ui-color-border-all-colors-orange: var(--ui-color-orange-500);
   --ui-color-border-all-colors-yellow: var(--ui-color-yellow-500);
   --ui-color-border-all-colors-lime: var(--ui-color-lime-500);
   --ui-color-border-all-colors-green: var(--ui-color-green-500);
   --ui-color-border-all-colors-cyan: var(--ui-color-cyan-500);
   --ui-color-border-all-colors-azure: var(--ui-color-azure-500);
   --ui-color-border-all-colors-blue: var(--ui-color-blue-500);
   --ui-color-border-all-colors-violet: var(--ui-color-violet-500);
   --ui-color-border-all-colors-magenta: var(--ui-color-magenta-500);
   --ui-color-border-all-colors-rose: var(--ui-color-rose-500);
 
   --ui-color-icon-all-colors-red: var(--ui-color-red-400);
   --ui-color-icon-all-colors-orange: var(--ui-color-orange-400);
   --ui-color-icon-all-colors-yellow: var(--ui-color-yellow-400);
   --ui-color-icon-all-colors-lime: var(--ui-color-lime-400);
   --ui-color-icon-all-colors-green: var(--ui-color-green-400);
   --ui-color-icon-all-colors-cyan: var(--ui-color-cyan-400);
   --ui-color-icon-all-colors-azure: var(--ui-color-azure-400);
   --ui-color-icon-all-colors-blue: var(--ui-color-blue-400);
   --ui-color-icon-all-colors-violet: var(--ui-color-violet-400);
   --ui-color-icon-all-colors-magenta: var(--ui-color-magenta-400);
   --ui-color-icon-all-colors-rose: var(--ui-color-rose-400);
 
   /* --- Sombras: más opacas sobre fondo oscuro --- */
   --ui-shadow-01-Color: var(--ui-color-black-alpha-40);
   --ui-shadow-02-Color: var(--ui-color-black-alpha-50);
   --ui-shadow-03-Color: var(--ui-color-black-alpha-50);
   --ui-shadow-04-Color: var(--ui-color-black-alpha-60);
   --ui-shadow-05-Color: var(--ui-color-black-alpha-60);
 
   /* --- Alertas (compat variables custom del sistema) --- */
   --ui-color-alert-info-bg: #1a2338;
   --ui-color-alert-info-border: var(--ui-color-blue-500);
   --ui-color-alert-info-text: var(--ui-color-blue-200);
   --ui-color-alert-info-icon: var(--ui-color-blue-300);
 
   --ui-color-alert-success-bg: #14261c;
   --ui-color-alert-success-border: var(--ui-color-green-500);
   --ui-color-alert-success-text: var(--ui-color-green-300);
   --ui-color-alert-success-icon: var(--ui-color-green-400);
 
   --ui-color-alert-danger-bg: #2a1818;
   --ui-color-alert-danger-border: var(--ui-color-red-500);
   --ui-color-alert-danger-text: var(--ui-color-red-300);
   --ui-color-alert-danger-icon: var(--ui-color-red-400);
 
   --ui-color-alert-warning-bg: #2a2414;
   --ui-color-alert-warning-border: var(--ui-color-yellow-500);
   --ui-color-alert-warning-text: var(--ui-color-yellow-300);
   --ui-color-alert-warning-icon: var(--ui-color-yellow-400);
 
   /* --- Alias cortos (misma convención que themes/light.css) --- */
   --ui-bg-base: var(--ui-color-bg-canvas-default);
   --ui-text-primary: var(--ui-color-text-primary);
   --ui-text-secondary: var(--ui-color-text-secondary);
   --ui-border-default: var(--ui-color-border-default);
}