/**
 * Design tokens — trích xuất 1:1 từ README design handoff.
 * Không đổi giá trị số ở đây khi style section — chỉ tham chiếu biến.
 */
:root {
  /* Màu — text & nền tối */
  --chk-ink: #10122b;
  --chk-navy-1: #1c2050;
  --chk-navy-2: #0b0f2a;

  /* Màu — vàng/gold thương hiệu */
  --chk-gold: #b8862f;
  --chk-gold-light: #e0b25c;
  --chk-gold-grad-1: #d9a952;
  --chk-gold-grad-2: #8f6a22;

  /* Màu — xám trung tính */
  --chk-gray-body: #575c85;
  --chk-gray-muted: #7a82ab;
  --chk-gray-muted-2: #9096b8;
  --chk-gray-label: #40456b;
  --chk-gray-para: #5c6288;

  /* Màu — viền/nền phụ */
  --chk-border: #ececf3;
  --chk-fill-light: #f7f8fc;
  --chk-fill-light-2: #f2f3f8;
  --chk-cream: #fdf6ea;

  /* Màu — accent ngữ nghĩa (icon/badge) */
  --chk-blue: #2554e8;
  --chk-green: #1f9b7c;
  --chk-orange: #e0925c;
  --chk-purple: #9c5ce0;
  --chk-red: #e0485c;

  /* Gradient hero */
  --chk-hero-gradient: linear-gradient(180deg, #fdf6ea 0%, #f3f1fb 45%, #f6f7fc 80%, #fff 100%);
  --chk-gold-btn-gradient: linear-gradient(135deg, #d9a952, #b8862f);
  --chk-gold-btn-gradient-2: linear-gradient(135deg, #d3a34e, #b8862f);
  --chk-navy-tile-gradient: linear-gradient(135deg, #1c2050, #10122b);

  /* Typography */
  --chk-font: 'Manrope', sans-serif;
  --chk-h1-size: 44px;
  --chk-h1-lh: 1.28;
  --chk-h1-ls: -0.8px;
  --chk-h2-size: 32px;
  --chk-h2-ls: -0.6px;
  --chk-body-size: 16px;
  --chk-body-lh: 1.7;
  --chk-eyebrow-size: 13px;

  /* Spacing / radius */
  --chk-section-px: 32px;
  --chk-content-max: 1280px;
  --chk-content-max-narrow: 1180px;
  --chk-radius-card: 16px;
  --chk-radius-btn: 10px;
  --chk-radius-pill: 999px;
  --chk-shadow-header: 0 12px 30px rgba(16, 18, 43, 0.1);
  --chk-shadow-card: 0 20px 50px rgba(16, 18, 43, 0.08);
}