/* DINH_THEME_v1 · DINH_SANG_v1 (08/11/2026) — khung chung cho hai trang mẹ aidinh.com (AI, xanh lá #669d34 + hồng) và sidinh.com (SI, tím + vàng).
 * Nạp từ layouts/base.php CHỈ khi code ∈ {aidinh, sidinh}; 22 site robot/drone cùng cụm không bị ảnh hưởng.
 * NỀN SÁNG (anh Thiện 08/11: ghét nền tối) — topbar trắng kính mờ, bottom-nav trắng, màu thương hiệu chỉ làm điểm nhấn. */
body.site-aidinh{--dt-c1:#669d34;--dt-c2:#3f7a1d;--dt-c3:#e63b7a;--dt-r1:102,157,52}
body.site-sidinh{--dt-c1:#7c3aed;--dt-c2:#5b21b6;--dt-c3:#f5b83d;--dt-r1:124,58,237}

/* Topbar */
body.site-aidinh .topbar,body.site-sidinh .topbar{background:rgba(255,255,255,.9);border-bottom:1px solid rgba(15,23,42,.07);box-shadow:0 1px 12px -6px rgba(15,23,42,.12);
  backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px)}
body.site-aidinh .topbar .brand-name,body.site-sidinh .topbar .brand-name{background:linear-gradient(100deg,var(--dt-c2),var(--dt-c1) 55%,var(--dt-c3));
  -webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}
body.site-aidinh .topbar .icon-btn:hover,body.site-sidinh .topbar .icon-btn:hover{background:rgba(var(--dt-r1),.1);color:var(--dt-c2)}
body.site-aidinh .topbar .hamburger:hover,body.site-sidinh .topbar .hamburger:hover{background:rgba(var(--dt-r1),.1)}

/* Nút accent (hotline, nút gửi form…) */
body.site-aidinh .btn-accent,body.site-sidinh .btn-accent{background:linear-gradient(120deg,var(--dt-c1),var(--dt-c2));color:#fff;border:0;font-weight:700;box-shadow:0 8px 20px -10px rgba(var(--dt-r1),.7)}
body.site-aidinh .btn-accent:hover,body.site-sidinh .btn-accent:hover{filter:brightness(1.06);color:#fff}

/* Bottom-nav (mobile) */
body.site-aidinh .bottom-nav,body.site-sidinh .bottom-nav{background:rgba(255,255,255,.94);border-top:1px solid rgba(15,23,42,.07);box-shadow:0 -6px 22px -12px rgba(15,23,42,.18);
  backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px)}
body.site-aidinh .bottom-nav-item.is-active,body.site-sidinh .bottom-nav-item.is-active,
body.site-aidinh .bottom-nav-item:hover,body.site-sidinh .bottom-nav-item:hover{color:var(--dt-c1)}
body.site-aidinh .bottom-nav-item.is-cta .bottom-nav-icon,body.site-sidinh .bottom-nav-item.is-cta .bottom-nav-icon{
  background:linear-gradient(135deg,var(--dt-c1),var(--dt-c2));color:#fff;box-shadow:0 8px 20px -6px rgba(var(--dt-r1),.6)}