/* ═══════════════════════════════════════════════════════════
   ALN Design Tokens v1
   Import vào đầu mỗi trang: <link rel="stylesheet" href="/aln-tokens.css">
   (hoặc đường dẫn tương đối tùy vị trí file)

   FILE NÀY KHÔNG ĐỊNH NGHĨA màu sắc theo theme (dark/light)
   — mỗi trang tự giữ :root riêng cho theme của mình.
   FILE NÀY CHỈ THÊM các token CHUNG không conflict:
     • Type scale (--text-*)   — rem, scale theo html font-size
     • Font families            — alias thống nhất
     • Spacing helpers          — rem
═══════════════════════════════════════════════════════════ */

/* ── Responsive font base ─────────────────────────────────
   Mỗi trang tự set html { font-size } NHƯNG phải dùng
   pattern này để scale trên màn hình lớn:

   html { font-size: 13px; }
   @media (min-width: 1440px) { html { font-size: 14px; } }
   @media (min-width: 1920px) { html { font-size: 16px; } }

   Các trang đã được cập nhật tự động theo chuẩn này.
────────────────────────────────────────────────────────── */

/* ── TYPE SCALE ───────────────────────────────────────────
   Scale   @13px   @14px   @16px
   2xs     9.1px   9.8px   11.2px   fine print (tối thiểu)
   xs      10.4px  11.2px  12.8px   label nhỏ
   sm      11.4px  12.3px  14px     text phụ
   base    13px    14px    16px     body
   md      14.3px  15.4px  17.6px   body nổi bật
   lg      16.9px  18.2px  20.8px   section label
   xl      19.5px  21px    24px     heading nhỏ
   2xl     26px    28px    32px     heading
   3xl     32.5px  35px    40px     hero
────────────────────────────────────────────────────────── */
:root {
  --text-2xs:  0.7rem;
  --text-xs:   0.8rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-md:   1.1rem;
  --text-lg:   1.3rem;
  --text-xl:   1.5rem;
  --text-2xl:  2rem;
  --text-3xl:  2.5rem;

  /* ── FONT FAMILIES (alias chuẩn — dùng --f-* cho code mới) ── */
  --f-sans:  'DM Sans', sans-serif;
  --f-mono:  'JetBrains Mono', 'IBM Plex Mono', monospace;
  --f-serif: 'Cormorant Garamond', serif;
  --f-syne:  'Syne', sans-serif;

  /* ── SPACING (rem — scale cùng với font) ── */
  --sp-1: 0.25rem;   /* 3.25px / 4px */
  --sp-2: 0.5rem;    /* 6.5px  / 8px */
  --sp-3: 0.75rem;   /* 9.75px / 12px */
  --sp-4: 1rem;      /* 13px   / 16px */
  --sp-5: 1.25rem;   /* 16.25px/ 20px */
  --sp-6: 1.5rem;    /* 19.5px / 24px */
  --sp-8: 2rem;      /* 26px   / 32px */

  /* ── ACCENT COLORS (canonical — dùng --c-* cho code mới) ──
     Trang cũ vẫn dùng --gold, --green, --red... của riêng mình.
     Code mới dùng --c-* để không bị override bởi theme. */
  --c-gold:   #c9a84c;
  --c-amber:  #f59e0b;
  --c-green:  #10b981;
  --c-red:    #ef4444;
  --c-blue:   #4a8fff;
  --c-cyan:   #22d3ee;
  --c-purple: #a78bfa;
  --c-violet: #7c3aed;
}