/* ALCL Study PathoTrack — token CSS v1 (03.10.2026). Dùng cho style.css, Chart.js, flatpickr — nơi không dùng class Tailwind. */

@font-face { font-family: 'Be Vietnam Pro'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/be-vietnam-pro-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-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-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-bold.woff2') format('woff2'); }
@font-face { font-family: 'Be Vietnam Pro'; font-style: normal; font-weight: 800; font-display: swap; src: url('../fonts/be-vietnam-pro-extrabold.woff2') format('woff2'); }

:root {
  --brand-ink: #194459;  --brand-sage: #88B699;  --brand-olive: #B0B761;  --brand-sun: #F1CC61;  --brand-cream: #F6ECCB;
  --bg-page: #FBFAF5;  --bg-card: #FFFFFF;  --bg-panel: #F6ECCB;  --bg-subtle: #F6F4EE;
  --text: #0C3243;  --text-strong: #194459;  --text-muted: #416070;  --text-subtle: #5A717E;
  --border: #EAE7DF;  --border-strong: #D7D4CA;  --border-control: #5A717E;
  --primary: #194459;  --primary-hover: #083549;  --primary-soft: #E0F0F8;  --link: #355F76;
  --focus-ring: #427691;  --focus-ring-on-dark: #F1CC61;
  --success: #37654A;  --success-bg: #DEF3E5;  --success-fill: #88B699;
  --warning: #59450A;  --warning-bg: #FAECCA;  --warning-fill: #F1CC61;
  --danger: #903B2B;   --danger-bg: #FEE7E2;   --danger-fill: #D96651;
  --sg-dusp22: #194459;  --sg-dusp22-bg: #E0F0F8;
  --sg-tp63: #484C13;  --sg-tp63-bg: #EDF0D2;
  --sg-tn: #2B4F62;    --sg-tn-bg: #F6F4EE;
  /* Chart.js — thứ tự series cố định */
  --chart-1: #194459; --chart-2: #88B699; --chart-3: #F1CC61; --chart-4: #B0B761; --chart-5: #D96651; --chart-6: #95A5AD;
}