/* ==========================================================================
   HAM AI — Design Tokens  ·  V.NEXT "Blueprint / Scientific Instrument"
   Bảng màu: mint #57f2c8 · indigo #8f7cff · amber #ffcf7a trên nền blueprint.
   Font: Space Grotesk (display) · Inter (body) · Space Mono (số liệu).
   ========================================================================== */
:root{
  /* Nền */
  --ham-bg-void:#04060b;
  --ham-bg-base:#05070c;
  --ham-bg-raised:#0b1121;
  --ham-bg-overlay:#0d1425;
  --ham-bg-hover:rgba(255,255,255,.05);
  /* Màu thương hiệu */
  --ham-blue:#37b9ff; --ham-blue-600:#1f8fd6; --ham-blue-300:#7fd4ff;
  --ham-cyan:#57f2c8; --ham-cyan-600:#2ec9a4;
  --ham-purple:#8f7cff; --ham-purple-600:#6f5ce6;
  /* Trạng thái */
  /* --- LAI / LO (sua 26-07-2026): xanh la truong thanh + do rõ, tach han
         khoi mau thuong hieu bac ha #57f2c8 de "lai" khong bi lan voi link/nut.
         Them --ham-flat cho gia tri = 0 (khong lai khong lo). --- */
  --ham-up:   #17c97e;  --ham-up-soft:   rgba(23,201,126,.14);  --ham-up-line:   rgba(23,201,126,.34);
  --ham-down: #ff4d6a;  --ham-down-soft: rgba(255,77,106,.14);  --ham-down-line: rgba(255,77,106,.34);
  --ham-flat: #8b94ab;  --ham-flat-soft: rgba(139,148,171,.10); --ham-flat-line: rgba(139,148,171,.26);
  --ham-warn:#ffcf7a; --ham-warn-soft:rgba(255,207,122,.12);
  --ham-info-soft:rgba(55,185,255,.10);
  /* Chữ */
  --ham-text:#eef2fb; --ham-text-2:#aab3c7; --ham-text-3:#707c94;
  --ham-text-on-brand:#04130f;
  /* Kính */
  --ham-glass-fill:rgba(255,255,255,.045);
  --ham-glass-fill-2:rgba(255,255,255,.02);
  --ham-glass-stroke:rgba(255,255,255,.09);
  --ham-glass-stroke-2:rgba(255,255,255,.05);
  --ham-glass-shine:rgba(255,255,255,.14);
  --ham-blur:14px; --ham-blur-sm:8px; --ham-blur-lg:22px;
  --ham-hairline:1px solid rgba(255,255,255,.09);
  --ham-hairline-2:1px solid rgba(255,255,255,.05);
  /* Gradient */
  --ham-grad-brand:linear-gradient(120deg,#57f2c8,#37b9ff);
  --ham-grad-ai:linear-gradient(120deg,#57f2c8,#8f7cff);
  --ham-grad-text:linear-gradient(120deg,#57f2c8 10%,#8f7cff 90%);
  --ham-grad-surface:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.01));
  --ham-grad-edge:linear-gradient(120deg,rgba(87,242,200,.5),rgba(143,124,255,.5));
  /* Font */
  --ham-font-display:'Space Grotesk',Inter,system-ui,sans-serif;
  --ham-font-body:Inter,system-ui,-apple-system,sans-serif;
  --ham-font-num:'Space Mono',ui-monospace,Menlo,monospace;
  --ham-fs-display:clamp(2.75rem,6vw,5rem);
  --ham-fs-h1:clamp(2.25rem,4.6vw,3.75rem);
  --ham-fs-h2:clamp(1.75rem,3.4vw,2.75rem);
  --ham-fs-h3:1.375rem; --ham-fs-h4:1.0625rem;
  --ham-fs-lead:1.125rem; --ham-fs-body:.96875rem;
  --ham-fs-sm:.8125rem; --ham-fs-xs:.71875rem; --ham-fs-label:.6875rem;
  --ham-lh-tight:1.02; --ham-lh-snug:1.15; --ham-lh-body:1.7;
  --ham-ls-display:-.03em; --ham-ls-head:-.02em; --ham-ls-label:.18em;
  --ham-fw-reg:400; --ham-fw-med:500; --ham-fw-semi:600; --ham-fw-bold:700; --ham-fw-black:700;
  /* Khoảng cách */
  --ham-s-1:4px; --ham-s-2:8px; --ham-s-3:12px; --ham-s-4:16px; --ham-s-5:20px;
  --ham-s-6:24px; --ham-s-7:32px; --ham-s-8:40px; --ham-s-9:48px; --ham-s-10:64px;
  --ham-s-11:80px; --ham-s-12:104px; --ham-s-13:128px;
  --ham-section-y:clamp(72px,9vw,110px);
  --ham-container:1220px; --ham-container-w:1320px; --ham-container-n:860px;
  --ham-gutter:20px; --ham-cols:12; --ham-gap:16px;
  /* Bo góc */
  --ham-r-xs:6px; --ham-r-sm:10px; --ham-r-md:14px; --ham-r-lg:18px;
  --ham-r-xl:24px; --ham-r-2xl:30px; --ham-r-pill:999px;
  /* Bóng & sáng */
  --ham-sh-sm:0 2px 10px rgba(2,6,16,.45);
  --ham-sh-md:0 10px 30px rgba(2,8,20,.5);
  --ham-sh-lg:0 24px 70px rgba(2,8,22,.55);
  --ham-sh-glass:0 20px 60px rgba(3,8,20,.5);
  --ham-sh-lift:0 14px 40px rgba(3,10,25,.45);
  --ham-glow-blue:0 0 24px rgba(55,185,255,.35);
  --ham-glow-cyan:0 0 24px rgba(87,242,200,.35);
  --ham-focus:0 0 0 3px rgba(87,242,200,.35);
  /* Chuyển động */
  --ham-ease:cubic-bezier(.22,.61,.36,1);
  --ham-ease-out:cubic-bezier(.16,1,.3,1);
  --ham-t-fast:.15s; --ham-t-base:.25s; --ham-t-slow:.5s;
  /* Lớp */
  --ham-z-base:1; --ham-z-sticky:40; --ham-z-header:50;
  --ham-z-drawer:60; --ham-z-modal:70; --ham-z-toast:80; --ham-z-tooltip:90;
}
@media (prefers-reduced-motion: reduce){
  :root{--ham-t-fast:0s;--ham-t-base:0s;--ham-t-slow:0s}
}