/* =========================================================================
   italentbridge.com — Redesign tokens
   Nguồn: DESIGN-BRIEF.html + iTB Brand Identity design system
   Font chính: SVN-Gilroy (file thật từ fonts/). Fallback: Be Vietnam Pro.
   ========================================================================= */

@font-face {
  font-family: 'SVN-Gilroy';
  src: url('fonts/SVN-GilroyMedium.woff') format('woff');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'SVN-Gilroy';
  src: url('fonts/SVN-Gilroy-SemiBold.woff') format('woff');
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'SVN-Gilroy';
  src: url('fonts/SVN-Gilroy-Bold.woff') format('woff');
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'SVN-Gilroy';
  src: url('fonts/SVN-GilroyXBold.woff') format('woff');
  font-weight: 800; font-style: normal; font-display: swap;
}

:root {
  /* --- Màu thương hiệu (chốt 1 mã tím theo brief §6.1) --- */
  --itb-purple:      #3f008a;   /* primary */
  --itb-purple-dark: #2a0058;   /* heading đậm / hover */
  --itb-orange:      #ff881d;   /* CTA phụ, nhấn, năng lượng */
  --itb-teal:        #63dbc6;   /* accent sáng (fill, motif) */
  --itb-teal-deep:   #0f6e56;   /* teal đậm cho chữ trên nền sáng */
  --itb-teal-mint:   #aefff0;   /* teal rất nhạt — chi tiết trên nền tím */
  --itb-red:         #b22b19;
  --itb-yellow:      #ffdc54;

  /* --- Tint --- */
  --purple-10: #ece5f3;  --purple-30: #c5b3dc;  --purple-06: #f3eefa;
  --orange-10: #fff3e6;  --orange-30: #ffdcb9;
  --teal-10:   #e1f5ee;  --teal-30:   #d1f4ee;

  /* --- Nền --- */
  --bg-page:  #fffcf8;   /* kem — nền chính của site hiện tại */
  --bg-white: #ffffff;
  --bg-soft:  #f5f1fa;   /* tím rất nhạt — sectioning */
  --bg-brand: var(--itb-purple);

  /* --- Chữ --- */
  --ink-1: #241a33;      /* đậm nhất */
  --ink-2: #4a4658;      /* body */
  --ink-3: #8a8797;      /* phụ */
  --ink-on-brand: #ffffff;
  --ink-on-brand-soft: #d9c8f0;

  /* --- Viền --- */
  --line-1: #ece7f2;
  --line-2: #d9cfe8;

  /* --- Trạng thái --- */
  --ok:     #198754;
  --warn:   #ffc107;
  --danger: #941414;

  /* --- Chữ nghĩa --- */
  --font-sans: 'SVN-Gilroy', 'Be Vietnam Pro', system-ui, -apple-system, sans-serif;
  --fw-medium: 500; --fw-semibold: 600; --fw-bold: 700; --fw-xbold: 800;

  /* --- Bo góc (brief: nút 5 → hiện đại hoá nhẹ) --- */
  --r-sm: 8px;  --r-md: 12px;  --r-lg: 16px;  --r-xl: 24px;  --r-2xl: 32px;  --r-pill: 999px;

  /* --- Bóng (tím nhạt, 1 bậc) --- */
  --shadow-sm: 0 1px 2px rgba(63,0,138,.06);
  --shadow-md: 0 6px 24px rgba(63,0,138,.10);
  --shadow-lg: 0 18px 48px rgba(63,0,138,.14);

  /* --- Motion --- */
  --dur-micro: 150ms;
  --dur-ui: 240ms;
  --ease: cubic-bezier(.22,.61,.36,1);

  /* --- Layout --- */
  --content-max: 1140px;
}