/* Biến giao diện dùng chung (theme + smt-core). Thang chữ / khoảng cách / chuyển động lấy y vietnamorigin;
   màu, font, bo góc theo chủ site chốt 2026-11-06 (AGENTS.md "Chỗ KHÁC vietnamorigin"). CSS component chỉ dùng var(--smt-*).
   Mốc màn hình (CSS không cho biến trong @media), chỉ 5 mốc: 400 / 600 / 768 / 981 / 1120px.
   Font Inter tự host (bản biến thiên 400-700, latin + tiếng Việt, OFL). "Inter Fallback" = Arial chỉnh số đo cho khớp (ước tính từ số đo Inter):
   trang không nhảy chữ khi font tải xong. */
@font-face{font-family:"Inter";font-style:normal;font-weight:400 700;font-display:swap;src:url("../fonts/inter-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:400 700;font-display:swap;src:url("../fonts/inter-vietnamese.woff2") format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:"Inter Fallback";src:local("Arial"),local("Helvetica"),local("Liberation Sans");size-adjust:107%;ascent-override:90.5%;descent-override:22.6%;line-gap-override:0%}

:root{
	/* Màu thương hiệu */
	--smt-red:#b8000f;                 /* Nút chính (Gọi), giá, điểm nhấn. Không phủ cả trang */
	--smt-red-hover:#99000c;
	--smt-navy:#13234a;                /* Tiêu đề, nút phụ (viền), chân trang, header chat */
	--smt-navy-soft:#e9edf5;           /* Nền icon, tag, hover nhẹ cùng tông navy */
	--smt-on-fill:#fff;                /* Chữ trên nút đỏ / nền navy */
	--smt-zalo:#0068ff;                /* Chỉ nút Zalo */
	--smt-zalo-hover:#0057d6;
	--smt-zalo-ink:#0068ff;            /* Chữ / icon Zalo trên nền trắng */
	--smt-ftr-head:#fff;               /* Tiêu đề + link chân trang */
	--smt-star:#f5a623;                /* Sao đánh giá */
	--smt-logo-red:#b8000f;            /* Logo: màu cố định theo nhận diện, không đổi ở chế độ tối */
	--smt-logo-navy:#13234a;
	--smt-logo-strip:#fff;              /* Nền dải logo hãng (logo màu thật, cần nền sáng cả ở chế độ tối) */
	--smt-ftr-bg:var(--smt-navy);      /* Nền chân trang */
	--smt-ftr-ink:#c9d2e3;
	--smt-ftr-line:rgb(255 255 255 / .15);
	--smt-ftr-card:rgb(255 255 255 / .07);   /* Thẻ liên hệ trong chân trang (mobile) */
	--smt-chat-bg:var(--smt-navy);

	/* Chữ */
	--smt-ink:#1d232c;                 /* Thân bài */
	--smt-muted:#1d232c;               /* Chữ phụ: mô tả, meta, nhãn */
	--smt-heading:var(--smt-navy);

	/* Nền, viền */
	--smt-surface:#fff;                /* Nền trang, thẻ */
	--smt-bg:#f5f6f8;                  /* Section xen kẽ, ô gợi ý */
	--smt-divider:#b4bac4;             /* Viền thẻ, kẻ bảng */
	--smt-hover:color-mix(in srgb,#000 5%,var(--smt-surface));
	--smt-card-hover:color-mix(in srgb,#000 3%,var(--smt-surface));   /* Rê chuột vào thẻ: nền tối đi, không nổi bóng */
	--smt-ftr-sel-bg:#fff; --smt-ftr-sel-ink:#13234a;                  /* Bôi đen trong chân trang navy */
	--smt-overlay:rgb(0 0 0 / .5);
	--smt-skeleton:#e6e9ee; --smt-skeleton-sweep:linear-gradient(90deg,transparent,rgb(255 255 255 / .6),transparent);   /* Khung xám lúc chờ đổi bộ lọc */
	--smt-scrim-mid:rgb(0 0 0 / .45);       /* Điểm giữa của lớp tối: giúp lớp tối mờ đều, không đột ngột */
	--smt-scrim:rgb(0 0 0 / .8);          /* Lớp tối mờ dần dưới đáy ảnh để chữ đè lên đọc được */
	--smt-focus:color-mix(in srgb,var(--smt-navy) 22%,transparent);
	--smt-ok:#0a7d38; --smt-ok-bg:#e7f6ec;
	--smt-warn:#7a5300; --smt-warn-bg:#fff4c2;   /* Nhãn "nháp", hộp lưu ý */
	--smt-danger:#b3261e;

	/* Minh hoạ nét mảnh */
	--smt-illu-line:var(--smt-navy); --smt-illu-dot:var(--smt-red); --smt-illu-fill:#fff; --smt-illu-soft:var(--smt-navy-soft);

	/* Chữ: cỡ = thang vietnamorigin (13 / 15 / 16 / 17 / 20 / 26 / 36 / hero) */
	--smt-font:"Inter","Inter Fallback",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
	--smt-fs-2xs:12px;
	--smt-fs-xs:13px;
	--smt-fs-sm:15px;
	--smt-fs-base:16px;                                /* Ô nhập (dưới 16px iPhone tự phóng to) */
	--smt-fs-md:clamp(16px,.25vw + 15px,17px);         /* Thân bài */
	--smt-fs-lg:clamp(18px,.5vw + 16px,20px);
	--smt-fs-xl:clamp(22px,1vw + 18px,26px);
	--smt-fs-2xl:clamp(26px,2vw + 18px,36px);
	--smt-fs-hero:clamp(30px,3vw + 18px,48px);
	--smt-sec-title-fs:var(--smt-fs-lg);               /* Cỡ tiêu đề section / H2 */
	--smt-hdr-blur:blur(14px) saturate(180%); --smt-hdr-glass:rgb(255 255 255 / .72);   /* Header kính mờ khi đã cuộn */
	--smt-lh:1.65; --smt-lh-tight:1.2;
	--smt-fw-400:400; --smt-fw-500:500; --smt-fw-600:600; --smt-fw-700:700;

	/* Khoảng cách = vietnamorigin */
	--smt-space-1:4px; --smt-space-2:8px; --smt-space-3:12px; --smt-space-4:16px; --smt-space-5:24px;
	--smt-space-6:clamp(24px,3vw,36px);
	--smt-space-7:clamp(36px,4.5vw,56px);
	--smt-gutter:16px;

	/* Bo góc: vuông hơn vietnamorigin (chủ site chọn) */
	--smt-radius-xs:2px; --smt-radius:4px; --smt-radius-panel:8px; --smt-radius-photo:16px; --smt-radius-round:999px;

	/* Bóng: viền mảnh, rê chuột mới có bóng */
	--smt-shadow-card:0 6px 20px rgb(0 0 0 / .10);
	--smt-shadow-pop:0 10px 40px rgb(0 0 0 / .22);
	--smt-shadow-menu:0 12px 24px -12px rgb(0 0 0 / .2);

	/* Chuyển động = vietnamorigin */
	--smt-dur:280ms; --smt-dur-fast:150ms; --smt-ease:cubic-bezier(.32,.72,0,1);

	/* Bố cục */
	--smt-wide:1140px; --smt-content:760px; --smt-side:320px;
	--smt-hdr-h:64px; --smt-secnav-h:48px; --smt-bbar-h:65px; --smt-tap:48px;
}

/* Chế độ tối: khách chọn Tự động / Sáng / Tối (inc/theme-mode.php đặt html[data-theme]); không dùng @media prefers-color-scheme vì sẽ không theo nút */
html:root[data-theme="dark"]{
	--smt-red:#e0263a; --smt-red-hover:#f04050;
	--smt-navy:#a9bde6; --smt-navy-soft:#1c2738;
	--smt-on-fill:#fff;
	--smt-ink:#e4e8ee; --smt-muted:#dbe1e9; --smt-heading:#eef2f8;
	--smt-skeleton:#232c39; --smt-skeleton-sweep:linear-gradient(90deg,transparent,rgb(255 255 255 / .08),transparent);
	--smt-surface:#151b24; --smt-bg:#0e131a; --smt-divider:#3d4859;
	--smt-hdr-glass:rgb(21 27 36 / .72);
	--smt-hover:#1d2531; --smt-card-hover:#1b222d; --smt-focus:rgb(169 189 230 / .3);
	--smt-ok:#5fd18d; --smt-ok-bg:#12301f; --smt-warn:#ffe08a; --smt-warn-bg:#3b3210; --smt-danger:#ff8a80;
	--smt-illu-line:#a9bde6; --smt-illu-fill:#151b24; --smt-illu-soft:#1c2738;
	--smt-ftr-bg:#0a0f16; --smt-chat-bg:#1c2738; --smt-zalo-ink:#5b9dff;
	--smt-shadow-card:0 6px 20px rgb(0 0 0 / .5);
	--smt-fw-600:560; --smt-fw-700:650;   /* chữ sáng trên nền tối trông đậm hơn: giảm nhẹ như vietnamorigin */
	color-scheme:dark;
}