@font-face{font-family:'Jost';src:url('../../fonts/jost-latin.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap;}
@font-face{font-family:'JetBrains Mono';src:url('../../fonts/jetbrains-mono-latin.woff2') format('woff2');font-weight:400 600;font-style:normal;font-display:swap;}
/* =========================================================
   ĐẠI XLASER — DESIGN TOKENS
   Phong cách: sang trọng, cao cấp, đen — vàng gold (brass gold)
   Cảm hứng: ánh sáng tia laser cắt qua bề mặt tối, ánh kim
   ========================================================= */

:root{
  /* Nền */
  --dx-black:        #0B0B0C;   /* nền chính */
  --dx-charcoal:      #16161A;  /* nền khối, card */
  --dx-charcoal-2:    #1D1D22;  /* nền khối nổi hơn 1 chút */
  --dx-ink:            #2A2A30; /* viền, đường phân cách */

  /* Vàng gold (brass) */
  --dx-gold:           #C9A24A; /* vàng chủ đạo */
  --dx-gold-light:     #E7CD86; /* vàng sáng - hover, gradient */
  --dx-gold-dim:       #8B6F3E; /* vàng trầm - text phụ trên nền sáng */

  /* Chữ */
  --dx-ivory:          #F4F0E6; /* chữ chính trên nền tối */
  --dx-muted:          #b0aa9d; /* chữ phụ, mô tả */
  --dx-muted-2:        #868074; /* chữ rất phụ, caption */

  /* Font */
  --dx-font-display:   'Jost', 'Segoe UI', sans-serif;
  --dx-font-body:      'Jost', 'Segoe UI', sans-serif;
  --dx-font-mono:      'JetBrains Mono', 'Courier New', monospace;

  /* Nhịp độ / khoảng cách */
  --dx-radius-sm:      2px;
  --dx-radius-md:      4px;
  --dx-container:      1200px;
  --dx-gutter:         clamp(20px, 5vw, 64px);
  --dx-section-y:      clamp(48px, 6vw, 96px);

  /* Chuyển động */
  --dx-ease:           cubic-bezier(.19,1,.22,1);
  --dx-speed:          .5s;
}