/* UX Sprint 01 — token V3.3.2 (artifact v28, 02-prototype/style.css .v33).
   Chỉ khai báo --ux-*; không đổi token FROZEN (--grad, --chat-*, --text-primary, --text-inverse, --primary, --border, --border-subtle).
   Token shell/dash của A (--shell-*, --dash-*) trỏ về đây trong base.css / dark.css. Vùng chat không đọc --ux-*. */

:root,
html[data-theme="light"] {
  --ux-bg: #F5F7FB;
  --ux-surface: #ffffff;
  --ux-surface-2: #F8FAFE;
  --ux-hover: #EEF2FA;
  --ux-sel: #E6EEFF;
  --ux-sel-bar: #2457F5;
  --ux-border: #E3E8F2;
  --ux-border-strong: #CBD5E1;
  --ux-text: #0F172A;
  --ux-text-2: #475569;
  --ux-muted: #5B6B82;
  --ux-primary: #2457F5;
  --ux-primary-hover: #1D49D6;
  --ux-on-primary: #ffffff;
  --ux-link: #1D4ED8;
  --ux-danger: #B42318;
  --ux-danger-soft: #FDECEC;
  /* IT-018: Cao (orange-red), distinct from Nghiêm trọng; contrast >= 4.5:1 */
  --ux-sev-high: #C2410C;
  --ux-sev-high-soft: #FFEDD5;
  --ux-warn: #9A5B00;
  --ux-warn-soft: #FEF3E2;
  --ux-attn: #D97706;
  --ux-ok: #15803D;
  --ux-ok-soft: #E7F6EC;
  --ux-ai: #4F46E5;
  --ux-ai-soft: #EEF0FF;
  --ux-disabled: #94A3B8;
  --ux-disabled-bg: #EEF2F7;
  --ux-shadow: 0 8px 28px rgba(15, 23, 42, .16);
  --ux-rail-1: #1E3FBF;
  --ux-rail-2: #4338CA;
  --ux-input: #ffffff;
  --ux-radius: 12px;
  --ux-radius-sm: 8px;
  --ux-fs: 13px;
}

html[data-theme="dark"] {
  --ux-bg: #0B1220;
  --ux-surface: #111A2E;
  --ux-surface-2: #0F172A;
  --ux-hover: #1A2644;
  --ux-sel: #1E2B55;
  --ux-sel-bar: #7C9BFF;
  --ux-border: #25324F;
  --ux-border-strong: #3A4B73;
  --ux-text: #E8EDF7;
  --ux-text-2: #B7C3DA;
  --ux-muted: #9AA8C2;
  --ux-primary: #4F7BFF;
  --ux-primary-hover: #6B8FFF;
  --ux-on-primary: #0B1220;
  --ux-link: #9DB8FF;
  --ux-danger: #FCA5A5;
  --ux-danger-soft: #3B1D24;
  --ux-sev-high: #FDBA74;
  --ux-sev-high-soft: #3A2210;
  --ux-warn: #FCD34D;
  --ux-warn-soft: #3A2A12;
  --ux-attn: #F59E0B;
  --ux-ok: #86EFAC;
  --ux-ok-soft: #12301F;
  --ux-ai: #B7B9FF;
  --ux-ai-soft: #232B5C;
  --ux-disabled: #7C8AA5;
  --ux-disabled-bg: #18233D;
  --ux-shadow: 0 8px 28px rgba(0, 0, 0, .5);
  --ux-rail-1: #101C45;
  --ux-rail-2: #241B5A;
  --ux-input: #0B1220;
}