/* LITVI ERP - chuẩn typography dùng chung (Be Vietnam Pro, tự lưu trữ, không phụ thuộc Internet).
   Giấy phép font: SIL Open Font License (xem /fonts/be-vietnam-pro/OFL.txt). Không áp dụng cho logo LITVI. */
@font-face{font-family:'Be Vietnam Pro';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/be-vietnam-pro/BeVietnamPro-Regular.woff2') format('woff2')}
@font-face{font-family:'Be Vietnam Pro';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/be-vietnam-pro/BeVietnamPro-Medium.woff2') format('woff2')}
@font-face{font-family:'Be Vietnam Pro';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/be-vietnam-pro/BeVietnamPro-SemiBold.woff2') format('woff2')}
@font-face{font-family:'Be Vietnam Pro';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/be-vietnam-pro/BeVietnamPro-Bold.woff2') format('woff2')}

:root{
  --litvi-font:'Be Vietnam Pro',Arial,sans-serif;
  --fs-page:26px;      /* tiêu đề trang */
  --fs-module:18px;    /* tiêu đề module / khu vực */
  --fs-card:15px;      /* tiêu đề card */
  --fs-kpi:28px;       /* số liệu KPI chính (26-30) */
  --fs-nav:14px;       /* menu */
  --fs-body:14px;      /* nội dung */
  --fs-th:13px;        /* tiêu đề cột */
  --fs-td:13px;        /* dữ liệu bảng */
  --fs-label:13px;     /* nhãn ô nhập */
  --fs-btn:13px;       /* nút */
  --fs-note:12px;      /* chú thích, trạng thái phụ (tối thiểu 12px) */
}

/* Một font duy nhất cho mọi thành phần (kể cả ô nhập, nút, bảng vốn mặc định dùng font hệ thống) */
body,button,input,select,textarea,table,th,td,label,optgroup{font-family:var(--litvi-font)!important}
body{font-size:var(--fs-body);font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}

/* Số liệu: chữ số đều nhau, căn phải */
:where(td,th,input,.num,.r,.numeric,.kpi-value){font-variant-numeric:tabular-nums}
:where(td.num,th.num,td.r,th.r,.numeric,td.number){text-align:right}

/* Cấp chữ (độ ưu tiên thấp để từng trang vẫn tự điều chỉnh khi thật sự cần, nhưng không nhỏ hơn 12px) */
:where(table th){font-size:var(--fs-th);font-weight:600}
:where(table td){font-size:var(--fs-td);font-weight:400}
:where(label){font-size:var(--fs-label);font-weight:600}
:where(button,.btn,input[type=button],input[type=submit]){font-size:var(--fs-btn);font-weight:600}
:where(input,select,textarea){font-size:var(--fs-body)}
:where(small,.muted,.note,.hint){font-size:var(--fs-note)}
b,strong{font-weight:600}
h1,h2,h3,h4{font-weight:700}
