/* tinhdiemonline.com — tokens.css
   CHỈ chứa CSS variables. Không có rule nào khác.
   Tên biến giữ nguyên theo CLAUDE.md mục 7; giá trị thay đổi được ghi trong design-notes.md */

:root {
  /* ---- Thương hiệu ---- */
  --td-primary: #1D4ED8;
  --td-primary-dark: #1739A8;
  --td-primary-soft: #EEF3FF;
  --td-accent: #0D9488;
  --td-accent-soft: #E6F5F3;

  /* ---- Mực & nền ---- */
  --td-ink: #101828;
  --td-ink-2: #3E4A60;
  --td-ink-3: #6B7688;
  --td-bg: #F5F7FB;
  --td-surface: #FFFFFF;
  --td-surface-2: #FAFBFD;
  --td-line: #DEE3ED;
  --td-line-strong: #C3CBDA;

  /* ---- Trạng thái ---- */
  --td-success: #12784A;
  --td-success-soft: #E4F5EB;
  --td-warning: #A2540A;
  --td-warning-soft: #FDF2E2;
  --td-danger: #BC2A22;
  --td-danger-soft: #FDECEA;
  --td-info: #1D4ED8;
  --td-info-soft: #EEF3FF;

  /* ---- Màu nhấn theo hub ---- */
  --td-hub-a: #2563EB; /* Điểm trung bình */
  --td-hub-b: #7C3AED; /* Xét tuyển */
  --td-hub-c: #0D9488; /* GPA đại học */
  --td-hub-d: #EA580C; /* Quy đổi */
  --td-hub-a-soft: #EAF1FE;
  --td-hub-b-soft: #F2ECFE;
  --td-hub-c-soft: #E4F4F2;
  --td-hub-d-soft: #FDEEE4;

  /* Màu hub của trang hiện tại — mỗi trang tool/hub ghi đè 2 biến này */
  --td-hub: var(--td-primary);
  --td-hub-soft: var(--td-primary-soft);

  /* ---- Chữ ---- */
  --td-font: "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", sans-serif;
  --td-fs-100: 13px;
  --td-fs-200: 14px;
  --td-fs-300: 16px;
  --td-fs-400: 18px;
  --td-fs-500: 21px;
  --td-fs-600: 25px;
  --td-fs-700: 30px;
  --td-fs-800: 36px;
  --td-fs-result: 56px;
  --td-lh-tight: 1.2;
  --td-lh-snug: 1.4;
  --td-lh-body: 1.65;

  /* ---- Khoảng cách (thang 4px) ---- */
  --td-s-1: 4px;
  --td-s-2: 8px;
  --td-s-3: 12px;
  --td-s-4: 16px;
  --td-s-5: 24px;
  --td-s-6: 32px;
  --td-s-7: 48px;
  --td-s-8: 64px;
  --td-s-9: 88px;

  /* ---- Hình khối ---- */
  --td-radius-sm: 8px;
  --td-radius: 12px;
  --td-radius-lg: 18px;
  --td-radius-pill: 999px;
  --td-shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);
  --td-shadow: 0 2px 8px rgba(16, 24, 40, .07);
  --td-shadow-lg: 0 12px 32px rgba(16, 24, 40, .10);
  --td-ring: 0 0 0 3px rgba(29, 78, 216, .22);

  /* ---- Kích thước bố cục ---- */
  --td-container: 1160px;
  --td-container-narrow: 760px;
  --td-tap: 48px;
  --td-header-h: 68px;
}