/* MINDORAX Design System — font + design tokens dùng chung cho toàn bộ Workspace.
   File này CHỈ khai báo @font-face và biến CSS (tiền tố --mx-), không style phần tử nào,
   nên chèn được cả vào trang report dựng sẵn (deck) mà không đụng CSS của report.
   Trang/tính năng mới: dùng biến ở đây, không viết mã màu / tên font trực tiếp.

   Typography: chỉ 2 họ font, cả hai đủ bộ chữ tiếng Việt (đã kiểm tra từng glyph có dấu + ₫):
   - Be Vietnam Pro (400–800): logo, tiêu đề, hero, tiêu đề section, câu thông điệp lớn.
   - Inter (400–700): nội dung, điều hướng, nút, form, bảng, dashboard, số liệu / biểu đồ.
   Không dùng font khác (Poppins, DM Sans, Space Grotesk…) khi chưa kiểm tra đủ dấu tiếng Việt.
   Font tự host trong static/fonts, tách subset vietnamese / latin-ext / latin như Google Fonts
   (CSP không cho tải font bên ngoài), giấy phép SIL OFL — xem fonts/OFL-*.txt.
   Dấu tiếng Việt cao hơn chữ Latin: tiêu đề giữ line-height ≥ 1.25, nội dung ≥ 1.5 (biến --mx-lh-*). */

/* ---- Inter — giao diện + nội dung (biến thiên 400–700) ---- */
@font-face { font-family: "Inter"; font-style: normal; font-weight: 400 700; font-display: swap;
  src: url("/static/fonts/inter-vietnamese.woff2") format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304,
    U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 400 700; font-display: swap;
  src: url("/static/fonts/inter-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF,
    U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 400 700; font-display: swap;
  src: url("/static/fonts/inter-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* ---- Be Vietnam Pro — thương hiệu + tiêu đề (400, 500, 600, 700, 800) ---- */
@font-face { font-family: "Be Vietnam Pro"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("/static/fonts/be-vietnam-pro-400-vietnamese.woff2") format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304,
    U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: "Be Vietnam Pro"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("/static/fonts/be-vietnam-pro-400-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF,
    U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Be Vietnam Pro"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("/static/fonts/be-vietnam-pro-400-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Be Vietnam Pro"; font-style: normal; font-weight: 500; font-display: swap;
  src: url("/static/fonts/be-vietnam-pro-500-vietnamese.woff2") format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304,
    U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: "Be Vietnam Pro"; font-style: normal; font-weight: 500; font-display: swap;
  src: url("/static/fonts/be-vietnam-pro-500-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF,
    U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Be Vietnam Pro"; font-style: normal; font-weight: 500; font-display: swap;
  src: url("/static/fonts/be-vietnam-pro-500-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Be Vietnam Pro"; font-style: normal; font-weight: 600; font-display: swap;
  src: url("/static/fonts/be-vietnam-pro-600-vietnamese.woff2") format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304,
    U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: "Be Vietnam Pro"; font-style: normal; font-weight: 600; font-display: swap;
  src: url("/static/fonts/be-vietnam-pro-600-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF,
    U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Be Vietnam Pro"; font-style: normal; font-weight: 600; font-display: swap;
  src: url("/static/fonts/be-vietnam-pro-600-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Be Vietnam Pro"; font-style: normal; font-weight: 700; font-display: swap;
  src: url("/static/fonts/be-vietnam-pro-700-vietnamese.woff2") format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304,
    U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: "Be Vietnam Pro"; font-style: normal; font-weight: 700; font-display: swap;
  src: url("/static/fonts/be-vietnam-pro-700-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF,
    U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Be Vietnam Pro"; font-style: normal; font-weight: 700; font-display: swap;
  src: url("/static/fonts/be-vietnam-pro-700-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Be Vietnam Pro"; font-style: normal; font-weight: 800; font-display: swap;
  src: url("/static/fonts/be-vietnam-pro-800-vietnamese.woff2") format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304,
    U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: "Be Vietnam Pro"; font-style: normal; font-weight: 800; font-display: swap;
  src: url("/static/fonts/be-vietnam-pro-800-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF,
    U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Be Vietnam Pro"; font-style: normal; font-weight: 800; font-display: swap;
  src: url("/static/fonts/be-vietnam-pro-800-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
  /* màu thương hiệu */
  --mx-navy: #101F3C;          /* Primary Navy — màu nhận diện chính */
  --mx-blue: #2457A7;          /* Technology Blue — thứ cấp: link, hover, focus */
  --mx-cyan: #16BCE5;          /* Digital Cyan — điểm nhấn, dùng tiết kiệm (không dùng cho chữ trên nền trắng) */
  --mx-cloud: #F3F6FA;         /* Cloud Gray — nền section / nền trang */
  --mx-white: #FFFFFF;         /* Pure White — nền chính của thẻ, khung */
  --mx-slate: #64748B;         /* Slate Gray — văn bản phụ */
  --mx-text: #101F3C;          /* Main Text */

  /* sắc độ phụ suy ra từ bộ màu (cùng họ slate/navy) */
  --mx-text-2: #334155;        /* chữ thân bài đậm vừa */
  --mx-text-3: #475569;        /* mô tả ngắn trong thẻ */
  --mx-line: #E2E8F0;          /* viền thẻ, đường kẻ */
  --mx-line-strong: #CBD5E1;   /* viền input, nút phụ */
  --mx-tint: #EAF0F9;          /* nền mục đang chọn (xanh rất nhạt) */
  --mx-tint-2: #F5F8FC;        /* nền khối trích dẫn / KPI */
  --mx-subtle: #94A3B8;        /* gạch chân chấm, chữ rất mờ */
  --mx-on-navy-muted: #A9B8D3; /* chữ phụ trên nền navy */

  /* vai trò — theme (vd theme-kova.css) đổi giá trị ở đây, component chỉ dùng tên vai trò */
  --mx-primary: var(--mx-navy);   /* nền nút chính, tab / mục đang chọn */
  --mx-accent: var(--mx-cyan);    /* điểm nhấn nhỏ: chấm logo, gạch dưới tiêu đề, thanh tiêu đề section */
  --mx-cat-1: var(--mx-navy); --mx-cat-2: var(--mx-blue); --mx-cat-3: var(--mx-cyan);
  --mx-cat-4: #7B5CC4; --mx-cat-5: var(--mx-slate);   /* màu phân nhóm: thẻ nhóm, ô KPI, biểu đồ */

  /* màu trạng thái (ngữ nghĩa — không phải màu thương hiệu, giữ nguyên) */
  --mx-ok: #04695C;   --mx-ok-bg: #E6F4F1;
  --mx-warn: #C9911A; --mx-warn-ink: #8A5A00; --mx-warn-bg: #FEF3DC;
  --mx-bad: #8C2F26;  --mx-bad-ink: #5F1D16;  --mx-bad-bg: #FBE9E7;
  --mx-nosrc: #7B5CC4; --mx-nosrc-ink: #5B3E96; --mx-nosrc-bg: #F1ECFA;

  /* typography */
  --mx-font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --mx-font-heading: "Be Vietnam Pro", var(--mx-font-body);
  --mx-font-brand: var(--mx-font-heading);
  --mx-font-display-num: var(--mx-font-body);   /* số KPI / biểu đồ: Inter, dùng kèm tabular-nums */
  --mx-font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  --mx-weight-regular: 400; --mx-weight-medium: 500; --mx-weight-semibold: 600; --mx-weight-bold: 700;
  --mx-weight-heavy: 800;      /* chỉ Be Vietnam Pro — hero / câu thông điệp lớn */
  --mx-lh-tight: 1.25;         /* tiêu đề lớn — thấp hơn sẽ cắt dấu (Ấ, Ữ, Ỗ) */
  --mx-lh-heading: 1.35;       /* tiêu đề nhỏ, tên thẻ */
  --mx-lh-body: 1.55;          /* nội dung */

  /* khoảng cách (thang 4px) */
  --mx-space-1: 4px;  --mx-space-2: 8px;  --mx-space-3: 12px; --mx-space-4: 16px; --mx-space-5: 20px;
  --mx-space-6: 24px; --mx-space-8: 32px; --mx-space-10: 40px; --mx-space-12: 48px; --mx-space-16: 64px;

  /* bo góc, đổ bóng */
  --mx-radius-sm: 6px; --mx-radius-md: 8px; --mx-radius-lg: 10px; --mx-radius-xl: 12px; --mx-radius-pill: 999px;
  --mx-shadow-sm: 0 1px 4px rgba(16, 31, 60, .10);
  --mx-shadow-md: 0 6px 18px rgba(16, 31, 60, .08);
  --mx-shadow-lg: 0 8px 24px rgba(16, 31, 60, .24);
  --mx-ring: 0 0 0 3px rgba(36, 87, 167, .15);
}