/*
 * Dark mode preset (Aura-style).
 * Modo oscuro = re-mapeo de tokens SEMÁNTICOS bajo una clase (CLAUDE.md §3/§7).
 * No se toca ningún componente.
 */
.app-dark {
  --ui-color-primary: var(--ui-emerald-400);
  --ui-color-primary-hover: var(--ui-emerald-300);
  --ui-color-primary-active: var(--ui-emerald-200);
  --ui-color-on-primary: var(--ui-slate-950);
  --ui-color-surface: var(--ui-slate-900);
  --ui-color-surface-hover: var(--ui-slate-800);
  --ui-color-text: var(--ui-slate-50);
  --ui-color-text-muted: var(--ui-slate-400);
  --ui-color-border: var(--ui-slate-700);
  --ui-color-danger: var(--ui-red-400);
  --ui-color-danger-surface: var(--ui-slate-800);
  --ui-color-success: var(--ui-green-400);
  --ui-color-success-surface: var(--ui-slate-800);
  --ui-color-warning: var(--ui-amber-400);
  --ui-color-warning-surface: var(--ui-slate-800);
  --ui-color-info: var(--ui-blue-400);
  --ui-color-info-surface: var(--ui-slate-800);
  --ui-color-neutral: var(--ui-slate-50);
  --ui-color-neutral-surface: var(--ui-slate-800);
  --ui-color-disabled-bg: var(--ui-slate-800);
  --ui-color-disabled-text: var(--ui-slate-600);
  --ui-focus-ring: var(--ui-emerald-400);
}