/* tokens.css — ĐỔI THEME Ở ĐÂY. Mã màu từ bộ nhận diện docs/logo/Logo_HuyHung.ai (giống profile/css/tokens.css).
   Không dùng mã màu ở file nào khác. Quy tắc: chữ trên nền xanh chỉ trắng; vàng/đồng không dùng cho chữ thân —
   chỉ cho ngôi sao, thanh, số lớn, nét kẻ. */
:root {
  /* màu thương hiệu */
  --forest:     #074138;   /* Xanh Huy Hùng — nền chính khối xanh */
  --night:      #092423;   /* Xanh đêm — khối xanh sâu */
  --jade:       #0C6257;   /* Xanh ngọc — vệt sáng trên nền xanh */
  --gold-light: #FFE3A5;   /* Vàng sáng — ngôi sao, số lớn trên nền xanh */
  --gold:       #E6C57B;   /* Vàng — đầu sáng gradient logo */
  --bronze:     #8A6D43;   /* Vàng đồng — đầu tối gradient; nét kẻ/số trên nền trắng (≈ 4,8:1) */
  --ink:        #1F1B1E;   /* Đen logo — chữ thân */
  --paper:      #FFFFFF;

  /* dẫn xuất */
  --ink-2:     color-mix(in srgb, var(--ink) 74%, var(--paper));      /* chữ phụ trên nền sáng */
  --line:      color-mix(in srgb, var(--ink) 12%, var(--paper));      /* đường kẻ trên nền sáng */
  --mist:      color-mix(in oklab, var(--forest) 5%, var(--paper));   /* khối nhạt xen kẽ */
  --on-dark:   var(--paper);                                           /* chữ trên nền xanh: chỉ trắng */
  --on-dark-2: color-mix(in srgb, var(--paper) 86%, transparent);     /* chữ phụ trên nền xanh */
  --rule-dark: color-mix(in srgb, var(--paper) 18%, transparent);     /* đường kẻ trên nền xanh */
  --shade:     color-mix(in srgb, var(--night) 88%, transparent);     /* lớp tối dưới chữ đặt trên ảnh */
  --gold-grad: linear-gradient(180deg, var(--gold) 0%, var(--bronze) 100%);   /* gradient của logo */

  /* ngôi sao 4 cánh của logo — dùng làm mask (đổi màu bằng background-color) */
  --star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M98.77 48.94L67.65 44.73C61.21 43.86 56.14 38.79 55.27 32.35L51.06 1.23C50.89 0 49.11 0 48.94 1.23L44.73 32.35C43.86 38.79 38.79 43.86 32.35 44.73L1.23 48.94C0 49.11 0 50.89 1.23 51.06L32.35 55.27C38.79 56.15 43.86 61.21 44.73 67.65L48.94 98.77C49.11 100 50.89 100 51.06 98.77L55.27 67.65C56.14 61.21 61.21 56.15 67.65 55.27L98.77 51.06C100 50.89 100 49.11 98.77 48.94'/%3E%3C/svg%3E");

  /* chữ */
  --font-text: 'Be Vietnam Pro', system-ui, sans-serif;
  --font-display: 'Big Shoulders Display', 'Be Vietnam Pro', sans-serif;
  --fs-small: .875rem;
  --fs-body: 1.0625rem;                                        /* 17 px */
  --fs-h3: clamp(1.25rem, 1.1rem + .5vw, 1.5rem);
  --fs-lede: clamp(1.1875rem, 1rem + .8vw, 1.5rem);
  --fs-xl: clamp(1.5rem, 1.05rem + 1.7vw, 2.375rem);           /* câu dẫn lớn */
  --fs-num: clamp(2.5rem, 1.7rem + 2.8vw, 4.25rem);            /* số liệu dự án */
  --fs-h2: clamp(2.75rem, 1.6rem + 4.4vw, 5.75rem);            /* tiêu đề mục */
  --fs-hero: clamp(3.4rem, 1.4rem + 6.6vw, 8.25rem);           /* khẩu hiệu hero */
  --fs-giant: clamp(7.5rem, 3rem + 17vw, 18rem);               /* số chương 02, 03 */

  /* khoảng cách */
  --gutter: clamp(20px, 4.5vw, 64px);
  --max: 1320px;
  --head-h: 76px;
  --sec: clamp(72px, 9vw, 136px);                              /* đệm trên/dưới mỗi khối */

  /* chuyển động */
  --ease: cubic-bezier(.2, .75, .2, 1);
}