/* Biến thiết kế dùng chung. Mọi màu, cỡ chữ, khoảng cách đều lấy từ đây —
   không viết giá trị thẳng vào file CSS của từng phần.
   Cơ sở và kết quả kiểm tra tương phản: .claude/docs/design-spec.md */

:root {
  /* ---------------------------------------------------------------- màu */

  /* Luxury Gold. --gold dùng trên NỀN TỐI; trên nền sáng nó chỉ đạt 2.7:1 nên
     phải đổi sang --gold-deep (5.1:1, đạt WCAG AA) khi làm chữ. */
  --gold: #b8922a;
  --gold-bright: #d9ac3c;
  --gold-deep: #7d631c;
  --gold-muted: #d5c2a1;

  --ink-900: #0b0b0c;
  --ink-800: #141416;
  --black-soft: #1e1e1e;
  --off-white: #f6f4f1;
  --white: #ffffff;
  --border: #e7e3dd;
  --text-2: #6b6b6b;
  --text-dim: #a3a3a8;

  /* ------------------------------------------------------------ chữ */

  --font-display: "Archivo", "Arial Black", sans-serif;
  --font-body: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --weight-display: 900;

  /* Riêng cho tên thương hiệu "VSC" / "VSC TIRE". Khác --font-display ở chỗ nó
     KHÔNG bị đổi sang bộ CJK ở bản tiếng Trung: tên thương hiệu là chữ Latinh
     nên phải giữ nguyên một dáng chữ ở cả ba ngôn ngữ. */
  --font-brand: "Archivo", "Arial Black", sans-serif;
  --weight-brand: 900;

  --leading-tight: 1.05;
  --leading-body: 1.65;

  --tracking-label: 0.14em;
  --tracking-eyebrow: 0.22em;

  /* -------------------------------------------------------- khoảng cách */

  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-6: 1.5rem;
  --sp-8: 2rem;
  --sp-10: 2.5rem;
  --sp-12: 3rem;
  --sp-16: 4rem;
  --sp-20: 5rem;

  /* Footer cố tình thoáng: các khối cách nhau rộng hơn hẳn phần còn lại. */
  --gap-section: clamp(5rem, 10vw, 8rem);
  --gap-footer-block: clamp(3rem, 7vw, 5rem);

  --container: 1200px;
  --container-pad: clamp(1.5rem, 4vw, 2.5rem);
  --header-height: 4.5rem;

  /* ------------------------------------------------------- chuyển động */

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-soft: cubic-bezier(0.2, 0.8, 0.2, 1);

  --dur-fast: 0.3s;
  --dur-hover: 0.5s;
  --dur-enter: 0.9s;
  --dur-tire: 1.1s;

  --delay-decor: 0.15s;
  --delay-tire: 0.35s;
  --delay-content: 0.65s;
  --delay-scroll-hint: 1.6s;
}