/* ============================================================
   QBIS — FONT CHUAN DUY NHAT
   assets/css/qbis-fonts.css
   Nap SAU CUNG, sau tat ca cac file css nghiep vu.
   Moi bien font trong he thong deu tro ve --qbis-font.

   Font: Roboto (Material)
   - Geometric, thang, cung net — phu hop ERP / bang dense
   - Ro hon Inter / Be Vietnam Pro (khong uon, khong mem)
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500&family=Roboto+Mono:wght@400;500;600&display=swap');

:root {
  --qbis-font: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  --qbis-font-mono: 'Roboto Mono', 'Consolas', 'Courier New', monospace;

  /* alias cho toan bo bien font cu trong codebase */
  --bodyFonts: var(--qbis-font);
  --titleFonts: var(--qbis-font);
  --body-font: var(--qbis-font);
  --font: var(--qbis-font);
  --mono: var(--qbis-font-mono);
  --q-font: var(--qbis-font);
  --q-mono: var(--qbis-font-mono);
  --qbi-sans: var(--qbis-font);
  --qbi-mono: var(--qbis-font-mono);

  /* thang chu chuan */
  --fs-caption: 12px;
  --fs-body-sm: 13px;
  --fs-body: 14px;
  --fs-h4: 16px;
  --fs-h3: 20px;
  --fs-h2: 26px;
  --fs-h1: 32px;
}

html, body, button, input, select, textarea, optgroup,
h1, h2, h3, h4, h5, h6, table, th, td, label,
.ion-content, .pane, .bar, .item, .button, .popup, .list {
  font-family: var(--qbis-font) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

body {
  font-size: var(--fs-body);
  line-height: 1.45;
  letter-spacing: 0.01em;
  font-weight: 400;
}

/* Bang / UI dense */
table, th, td,
.table, .grid, [class*="table"] {
  letter-spacing: 0.01em;
  line-height: 1.35;
}

/* Bat cac khai bao font cung con sot lai o thu vien ben thu ba */
.md-default-theme, .kf-root, .modal, .tooltip, .popover, .toast,
.chosen-container, .trumbowyg-box, .ui-datepicker, .datepicker,
.md-dialog-container, .md-select-menu-container, .highcharts-container {
  font-family: var(--qbis-font) !important;
}

/* Ngoai le bat buoc: icon font phai giu nguyen family */
.fa, .fas, .far, .fab, .fal, [class^="fa-"], [class*=" fa-"] {
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", FontAwesome !important;
}
.glyphicon { font-family: 'Glyphicons Halflings' !important; }
[class^="ti-"], [class*=" ti-"] { font-family: "tabler-icons" !important; }
.material-icons { font-family: 'Material Icons' !important; }

/* So lieu / ma */
.qbis-num, [class*="_mono"], [class*="-mono"], .mono, code, kbd, pre, samp {
  font-family: var(--qbis-font-mono) !important;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
  letter-spacing: 0;
}

::selection {
  background-color: #2b6ad1;
  color: #fff;
}
::-moz-selection {
  background-color: #2b6ad1;
  color: #fff;
}