/* ════════════════════════════════════════════════════════════════
   base.css — MKT NVG Tool
   Nội dung: CSS variables (:root) + reset toàn bộ
   Patch M1 — tách từ index.html dòng 10–52
   ════════════════════════════════════════════════════════════════ */

:root {
  --navy: #1A3557;
  --navy-dark: #0F2238;
  --navy-mid: #2E6DA4;
  --navy-light: #D6E4F0;
  --navy-pale: #EBF3FB;
  --teal: #0F6E56;
  --teal-light: #D4EDDA;
  --amber: #E8962E;
  --amber-light: #FFF0CC;
  --red: #C0392B;
  --red-light: #FDECEA;
  --purple: #534AB7;
  --purple-light: #EEEDFE;
  --coral: #993C1D;
  --gray-50: #F8FAFC;
  --gray-100: #F1F5F9;
  --gray-200: #E2E8F0;
  --gray-300: #CBD5E1;
  --gray-400: #94A3B8;
  --gray-500: #64748B;
  --gray-600: #475569;
  --gray-700: #334155;
  --gray-800: #1E293B;
  --white: #FFFFFF;
  --sidebar-w: 220px;
  --radius: 10px;
  --radius-sm: 6px;
  --shadow: 0 1px 3px rgba(0,0,0,.08), 0 4px 16px rgba(0,0,0,.06);
  --shadow-lg: 0 8px 32px rgba(0,0,0,.12);
}
* { box-sizing: border-box; margin: 0; padding: 0; }
html { font-size: 14px; }
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  background: var(--gray-50);
  color: var(--gray-800);
  display: flex;
  height: 100vh;
  overflow: hidden;
  width: 100%;
  max-width: 100vw;
}