/* =====================================================================
 * yp_tokens.css — TANG TOKEN DUNG CHUNG cho MOI trang yellowpages.vn
 * Dat 20/08/2026. Tach ra tu :root cua yp_home2.css.
 *
 * VI SAO TON TAI TEP NAY
 *   Truoc day :root nam TRONG yp_home2.css — ma chi index.asp nap tep do.
 *   Hau qua: yp_header.css phai khai gia tri du phong cho TUNG bien
 *   (var(--ypx-ink, #17150F)...), va tren cls.asp / lgs.asp header chay
 *   bang gia tri du phong — tuc MOT BANG MAU KHAC. Do khong phai loi cua
 *   header; do la loi cua viec de token trong mot tep RIENG CUA MOT TRANG.
 *
 *   Token la tang THAP NHAT cua he. Tang thap nhat khong duoc phu thuoc
 *   vao mot trang cu the.
 *
 * CACH NAP — PHAI DUNG TRUOC moi tep CSS khac cua ta:
 *   <link href="<%=tenmien%>/yp_css/yp_tokens.css?v=<%=ypver%>" rel="stylesheet">
 *   <link href="<%=tenmien%>/yp_css/yp_header.css?v=<%=ypver%>" rel="stylesheet">
 *   ... roi moi den css_home.css / css_cls.css / css_lgs.css ...
 *
 *   Nap tren CA BA trang: index.asp · cls.asp · lgs.asp (va moi trang moi).
 *
 * ⚠ DOI MOT SO O DAY LA DOI CA SITE. Do la muc dich cua tep nay.
 *   Truoc khi doi bat ky mau nao, doc lai:
 *     · YPVN_BANGIAO_PHIEN_TRANGCHU_V25_V28.md §2 (nam vai mau)
 *     · YPVN_HIENCHUONG_KHUNG_3TRANG.md (ba luat khung)
 * ===================================================================== */
:root{

  /* ══ NHAN DIEN — tai san thuong hieu, khong doi ══════════════════ */
  --ypx-brand:#FFDE06;      --ypx-brand-deep:#E9C900;   --ypx-brand-tint:#FFFBE8;

  /* ══ DAY TRUNG TINH ═══════════════════════════════════════════════
     MOT goc mau duy nhat H≈90 do cho CA chu lan mat phang.
     Ban v25 co chu o H≈88 (am) con mat phang o H≈264 (lanh) — lech
     176 do, hai dau doi dien vong mau. Tren nen trang khong lo; khi
     hon nua trang la xam va chu phu nam tren no thi no lo.
     Do sang GIU NGUYEN tung token => moi phep tinh tuong phan con nguyen. */
  --ypx-canvas:#FAF8F2;     /* L 0,979 · C 0,0082 — V45.
                               #F4F3F1 (L 0,964 · C 0,0029) gan nhu trung tinh.
                               Gia tri moi DO DUOC bang pixel tren chinh
                               trangvangvietnam.com/categories, tuc keo ca ba
                               trang ve dung ban that. Dau trang doc token nay
                               9 lan (o tim kiem, hover menu) nen no phai nam
                               O DAY, khong phai o yp_cls2.css. */
  --ypx-surface:#FFFFFF;
  --ypx-line:#EAE6DD;       /* L 0,926 · C 0,0128 — V45, vien am theo ban that.
                               Doi cung luc voi canvas de dau trang (dung token
                               nay 12 lan) khong sinh mot vet nut lanh/am moi. */
  --ypx-line-soft:#F0EFEB;  /* L 0,952 */

  /* ══ CHU — CHI HAI MUC ════════════════════════════════════════════
     Giai phuong trinh: de muc xam thu ba dat 4,5:1 tren canvas no phai
     xuong L=0,540, ma muted dang o L=0,461 — cach nhau 0,079, duoi
     nguong mat phan biet (~0,10). KHONG TON TAI mot xam thu ba vua doc
     duoc vua khac duoc. Phan tang bang CO CHU va DO DAM, khong bang mau. */
  --ypx-ink:#171510;        /* 18,24:1 trang · 16,45:1 canvas */
  --ypx-muted:#5B5851;      /*  7,10:1 trang ·  6,40:1 canvas */
  --ypx-faint:#807D74;      /*  4,11:1 — CHI duong ke va bieu tuong.
                                 KHONG dung cho chu thuong. */

  /* ══ NAM VAI MAU — KHONG CHONG LAN ════════════════════════════════
     vang  = nhan dien       muc = cau truc & du lieu (vach duoi con so)
     teal  = CHI hanh dong   cam = chuyen doi huong doanh nghiep
     xanh la = su that mien phi / xac thuc                            */
  --ypx-action:#0E6B73;     --ypx-action-deep:#0A5157;  --ypx-action-tint:#E6F2F2;
  --ypx-cta:#C2410C;        --ypx-cta-deep:#9A3412;     --ypx-cta-tint:#FCEDE6;
  --ypx-verify:#15803D;     --ypx-verify-deep:#14602F;  --ypx-verify-tint:#EAF6EE;

  /* ══ HIEN CHUONG KHUNG ════════════════════════════════════════════ */
  --ypx-shell:1320px;       /* VO: header + chan trang — giong het ba trang */
  --ypx-content:1320px;     /* RUOT trang chu. Bootstrap container-xxl cung 1320 */
  --ypx-rail:260px;         /* Luat 2: ray la px co dinh, khong bao gio % */
  --ypx-prose:560px;        /* Luat 3: chan dong van xuoi — 70 ky tu @16px */
  --ypx-head-h:62px;         /* V20: 74 -> 62, dung so cua mockup v24.
                                ⚠ DOI CA BA TRANG, ke ca index. Do la dung
                                tang: hien chuong §0 doi vo giong het. */

  /* ══ THANG CHU — hai neo, moi so kiem bang SO DONG ════════════════
     DOC (tran van xuoi 560px)        QUET (o hep, khong ap luat ky tu/dong)
       read-1 16px = 70 ky tu/dong      scan-1 14,5px  bang nhieu cot
       read-2 15px = 74 ky tu/dong      scan-2 13px    muc trong the
                                        tile   13px    nhan o nho        */
  --ypx-t-read-1:16px;      --ypx-t-read-2:15px;
  --ypx-t-scan-1:14.5px;    --ypx-t-scan-2:13px;        --ypx-t-tile:13px;
  --ypx-t-h2:24px;          /* MOT co cho MOI tieu de muc — khong ngoai le */
  --ypx-t-h3:18px;          --ypx-t-h3b:16px;           --ypx-t-h3c:15px;
  --ypx-t-num-l:28px;       --ypx-t-num-m:26px;         --ypx-t-num-s:24px;
  --ypx-t-label:12px;       --ypx-t-cap:12.5px;

  /* ══ HINH DANG ════════════════════════════════════════════════════ */
  --ypx-r-card:8px;         --ypx-r-ctrl:6px;
}