/* ============================================================================= accessibility.css — Lớp override a11y (đọc dễ cho người lớn tuổi) ----------------------------------------------------------------------------- NẠP SAU style.css trong _HeadCss.cshtml → thắng cascade toàn site (cả 2 theme: tax=light, non-tax wuxia=dark; cả base.cshtml lẫn auth-base.cshtml/login). Mục tiêu: body >=16px, text nhỏ nhất >=13-14px, contrast WCAG AA (>=4.5:1 normal / >=3:1 large), touch target >=44px. Quy ước: token --vz-* định nghĩa ở :root (light) + override trong [data-theme="dark"] → mọi rule tham chiếu token tự đúng theo từng theme. ============================================================================= */ /* ---------- 1. TOKENS (SSOT) ---------- */ :root { /* Type-scale (root = 16px) */ --vz-text-xs: 0.875rem; /* 14px — SÀN nhãn phụ/đơn vị/badge */ --vz-text-sm: 0.9375rem; /* 15px — filter-label, meta card, submenu */ --vz-text-base: 1rem; /* 16px — BODY, td/th, menu cha */ --vz-text-md: 1.125rem; /* 18px — tên cty/trạm card, số TT1/TT2/GD */ --vz-text-lg: 1.375rem; /* 22px — giá trị KPI chính */ --vz-text-xl: 1.625rem; /* 26px — số tiền LCD lớn */ --vz-line-height-base: 1.55; /* Màu (light) */ --vz-color-text: #1f2933; /* thân bài ~13.5:1 (thay #646B72 "mờ") */ --vz-color-secondary: #495057; /* meta quan trọng: tên cty/MST/ngày/MAC ~8.6:1 */ --vz-color-muted: #4b5563; /* text-muted phụ chú ~6.4:1 (đậm hơn cho người già) */ --vz-color-link-active: #c25e00; /* menu active ~4.7:1 (thay #FE9F43 ~2.0:1) */ --vz-color-sidebar-text: #3a4452;/* nhãn menu ~9.7:1 */ --vz-color-success: #087d6e; /* delta tăng ~4.6:1 */ --vz-color-danger: #d92d20; /* delta giảm ~4.6:1 */ } [data-theme="dark"] { --vz-color-text: #e6ebf5; /* ~16:1 trên nền tối */ --vz-color-secondary: #aab4c2; /* ~8.5:1 */ --vz-color-muted: #9aa6bd; /* ~7.5:1 */ --vz-color-link-active: #fe9f43; /* cam giữ nguyên ~6:1 trên nền tối */ --vz-color-sidebar-text: #c3c9d2;/* ~9.5:1 (thay #7A8086 FAIL) */ --vz-color-success: #2dd4bf; --vz-color-danger: #f87171; } /* ---------- 1b. color-scheme — native control theo theme trang (KHÔNG theo OS) ---------- Popup