/* ============================================================
   VARIABLES.CSS – Typography & Design Tokens
   Máy Trường Phát – Hệ thống quản lý font tập trung
   ============================================================ */

:root {
    /* ===========================================================
       FONT FAMILY
       Font chính: Be Vietnam Pro (Google Fonts)
       Fallback: system fonts an toàn cho tiếng Việt
       ========================================================= */
    /*--font-primary: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; */
    --font-primary: tahoma, sans-serif;
    --font-heading: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    --font-mono: "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", Consolas, monospace;

    /* ===========================================================
       FONT SIZE SCALE
       xs (12px) → sm (14px) → base (16px) → lg (18px)
       → xl (22px) → 2xl (28px) → 3xl (36px) → 4xl (48px)
       ========================================================= */
    --fs-xs:   0.75rem;   /* 12px */
    --fs-sm:   0.875rem;  /* 14px */
    --fs-base: 1rem;      /* 16px */
    --fs-lg:   1.125rem;  /* 18px */
    --fs-xl:   1.375rem;  /* 22px */
    --fs-2xl:  1.75rem;   /* 28px */
    --fs-3xl:  2.25rem;   /* 36px */
    --fs-4xl:  3rem;      /* 48px */

    /* ===========================================================
       FONT WEIGHT
       ========================================================= */
    --fw-normal:   400;
    --fw-medium:   500;
    --fw-semibold: 600;
    --fw-bold:     700;

    /* ===========================================================
       LINE HEIGHT
       ========================================================= */
    --lh-tight:   1.25;
    --lh-snug:    1.35;
    --lh-normal:  1.5;
    --lh-relaxed: 1.65;
    --lh-loose:   1.8;

    /* ===========================================================
       TEXT COLORS
       ========================================================= */
    --color-text:         #222222;
    --color-text-soft:    #555555;
    --color-text-muted:   #52657d;
    --color-text-disabled:#64748b;
    --color-heading:      #111111;
    --color-link:         #0B2240;
    --color-link-hover:   #2DB94D;

    /* Transition chung */
    --trans: .28s ease;
}

/* ============================================================
   GOOGLE FONTS – Be Vietnam Pro
   Chỉ tải các weight cần dùng: 400, 500, 600, 700
   display=swap để tránh FOIT/blocking render
   ============================================================ */
/* Google Fonts import được load qua link trong layout để
   tránh bị CSS blocking. File này chỉ chứa variables. */

/* Reset font-size cho html gốc */
html {
    font-size: 16px;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

/* Fallback body – sẽ được override bởi typography.css */
body {
    font-family: var(--font-primary);
    font-size: var(--fs-base);
    font-weight: var(--fw-normal);
    line-height: var(--lh-relaxed);
    color: var(--color-text);
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}