:root {
    --accent: #4f9cf9;
    --accent-h: #76b2fa;
    --accent-hover: #76b2fa;
    --accent-dark: #3970b3;
    --accent-glow: rgba(79,156,249,0.35);

    --accent2: #8b5cf6;
    --accent2-h: #a580f8;
    --accent2-glow: rgba(139,92,246,0.35);

    /* admin.css */
    --bg: #fcfcfb;
    --bg-card: #e0e0df;
    --bg-card-2: #cccccb;
    --bg-sidebar: #f1f1f0;
    --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: #fcfcfb;
    --bg-panel: #e0e0df;
    --bg-panel-2: #cccccb;
    --bg-glass: rgba(224,224,223,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: #cccccb;
}