/* lotuz.vn design system — tokens (SoT). Bản demo design/home-v2/index.html dán y khối giữa 2 marker; ops/check-tokens.sh so khớp.
   Quy tắc: góc vuông tuyệt đối (border-radius 0) · icon Lucide đơn sắc lấy hình học từ lucide-static, stroke currentColor 1.5
   · logo = sprite #lz-mark (--logo-white) + #lz-word (--logo-gold) · vàng UI --gold chỉ cho nhấn/CTA, chữ trên vàng dùng --on-gold. */
/* tokens:begin */
:root{
  --ink:#0c0b0a;
  --stone:#151413;
  --slate:#201e1c;
  --paper:#ece6dc;
  --mute:var(--t3);
  --line:rgba(236,230,220,.16);
  --t1:#ece6dc;                       /* = --paper */
  --t2:#c6c0b5;
  --t3:#a59f95;
  --t4:#8e887f;
  --label:#bf9f60;                    /* section eyebrows, tile icons, tech letters */
  --label-line:rgba(216,177,96,.42);
  --gold-line:rgba(252,200,58,.6);    /* resting gold outline, 4.99:1 on ink */
  --line-soft:rgba(236,230,220,.09);  /* row separators */
  --line-strong:rgba(236,230,220,.32);/* outlines of buttons, pill and chips, 2.4:1 */
  --ink-rgb:12,11,10;
  --shade-rgb:8,7,6;
  --glass:rgba(8,7,6,.55);            /* dark base under translucent buttons */
  --glass-hi:rgba(8,7,6,.82);         /* FAB base */
  --on-img:rgba(236,230,220,.9);      /* text over photos */
  --on-img-dim:rgba(236,230,220,.78); /* idle labels over photos */
  --shadow-txt:0 1px 10px rgba(8,7,6,.7);
  --gold:#fcc83a;
  --brass:#d8b160;
  --on-gold:#15120a;
  --gold-tint:rgba(252,200,58,.12);
  --gold-tint-2:rgba(252,200,58,.22);
  --logo-white:#f4f4f4;
  --logo-gold:#fbd87c;
  --display:"Noto Serif Display","Noto Serif",Georgia,"Times New Roman",serif;
  --sans:"Hanken Grotesk",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --mono:var(--sans);
  --fs-eyebrow:11.5px;
  --fs-small:14px;
  --fs-body:16px;
  --fs-lead:clamp(17px,1.3vw,19px);
  --fs-h3:clamp(20px,1.6vw,24px);
  --fs-h2:clamp(28px,3.2vw,46px);
  --fs-h1:clamp(34px,4.4vw,64px);
  --sp-1:4px;
  --sp-2:8px;
  --sp-3:12px;
  --sp-4:16px;
  --sp-5:24px;
  --sp-6:32px;
  --sp-7:48px;
  --sp-8:72px;
  --ease:cubic-bezier(.2,.7,.2,1);
  --dur:.45s;
  --hh:84px;
  --gx:max(clamp(16px,5vw,72px),env(safe-area-inset-left,0px),(100vw - var(--wmax)) / 2);
  --gxr:max(clamp(16px,5vw,72px),env(safe-area-inset-right,0px),(100vw - var(--wmax)) / 2);
  --wmax:1440px;
  --rail:min(var(--wmax),100% - var(--gx) - var(--gxr));
  color-scheme:dark;
}
@media (max-width:1100px){:root{--hh:64px}}
/* tokens:end */