@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400..700&display=swap');
:root {
    --fs-scale: 1.2;
    --accent: #16324f;
    --accent-h: #495f76;
    --accent-hover: #495f76;
    --accent-dark: #102439;
    --accent-glow: rgba(22,50,79,0.35);

    --accent2: #3e8e7e;
    --accent2-h: #68a79a;
    --accent2-glow: rgba(62,142,126,0.35);

    /* admin.css */
    --bg: #ffffff;
    --bg-card: #ffffff;
    --bg-card-2: #ebebeb;
    --bg-sidebar: #ffffff;
    --text: #12151c;
    --text-2: #48526b;
    --text-3: #7b8497;
    --border: rgba(0,0,0,0.10);
    --border-2: rgba(0,0,0,0.16);

    /* map.css (trang công khai) — cùng thang màu, khác tên biến */
    --bg-dark: #ffffff;
    --bg-panel: #ffffff;
    --bg-panel-2: #ebebeb;
    --bg-glass: rgba(255,255,255,0.92);
    --text-primary: #12151c;
    --text-secondary: #48526b;
    --text-dim: #7b8497;
    --border-hover: rgba(0,0,0,0.22);

    /* alias cho trang.php (trang CMS công khai — tự đặt tên riêng) */
    --text-1: #12151c;

    /* alias cho mua-ban.php / dang-tin.php / profile.php / de-xuat-dia-diem.php — các trang này
       tự có :root riêng (không dùng map.css) với tên biến --bg2 cho lớp bề mặt thứ 3 (input/ô lồng
       bên trong card). Dùng chung mức bgTier3 cho nhất quán với --bg-card-2/--bg-panel-2. */
    --bg2: #ebebeb;
}
html body, html body input, html body select, html body textarea, html body button { font-family: 'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; }
html body h1, html body h2, html body h3, html body h4, html body h5, html body h6 { font-family: 'Noto Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; }