/* ===== Tông be/kem toàn site (ghi đè tông xanh dương) ===== */
:root{
    --beige-50:#FBF7EE; --beige-100:#F5EBD7; --beige-200:#EAD9B8;
    --beige-300:#DEC493; --beige-400:#CDAE6F; --beige-500:#C19A4B;
    --beige-600:#A67F35; --beige-700:#85652B; --beige-800:#5F4A22;
    --beige-900:#3E2F1C;
}
body{ background-color:#FAF6EE !important; }

/* Nút & nền gradient dùng màu cứng */
.gradient-bg{ background:linear-gradient(135deg,#DEC493 0%,#CDAE6F 50%,#A67F35 100%) !important; }
.gradient-text{ background:linear-gradient(135deg,#CDAE6F 0%,#C19A4B 50%,#A67F35 100%) !important; -webkit-background-clip:text !important; background-clip:text !important; -webkit-text-fill-color:transparent !important; }
.btn-primary{ background:linear-gradient(135deg,#DEC493 0%,#CDAE6F 50%,#A67F35 100%) !important; color:#3E2F1C !important; }
.btn-primary:hover{ box-shadow:0 4px 15px rgba(166,127,53,.45) !important; }
.btn-luxury{ background:linear-gradient(135deg,#DEC493 0%,#CDAE6F 50%,#A67F35 100%) !important; }
.btn-luxury:hover{ box-shadow:0 10px 20px rgba(166,127,53,.35) !important; }
.sakura-button{ background:linear-gradient(135deg,#DEC493 0%,#CDAE6F 100%) !important; color:#3E2F1C !important; }
.sakura-button:hover{ background:linear-gradient(135deg,#CDAE6F 0%,#A67F35 100%) !important; box-shadow:0 8px 20px rgba(166,127,53,.35) !important; }
.hero-gradient{ background:linear-gradient(180deg,#FBF7EE 0%,#F5EBD7 30%,#EAD9B8 60%,#FBF7EE 100%) !important; }
.card-luxury{ border-color:var(--beige-200) !important; }
.card-luxury:hover{ border-color:var(--beige-400) !important; box-shadow:0 20px 40px rgba(193,154,75,.18) !important; }
.card-featured{ background:linear-gradient(135deg,#FBF7EE 0%,#F5EBD7 100%) !important; border-color:var(--beige-300) !important; }
.feature-check{ color:var(--beige-600) !important; }
.feature-badge{ background:rgba(245,235,215,.8) !important; border-color:var(--beige-200) !important; }
.badge-info{ background-color:var(--beige-100) !important; color:var(--beige-800) !important; }
.spinner{ border-color:var(--beige-200) !important; border-top-color:var(--beige-600) !important; }
::selection{ background:var(--beige-300) !important; color:var(--beige-900) !important; }
::-webkit-scrollbar{ scrollbar-width:thin; scrollbar-color:#c1c1c1 transparent; }
::-webkit-scrollbar-track{ background:#f1f1f1 !important; }
::-webkit-scrollbar-thumb{ background:#c1c1c1 !important; }
::-webkit-scrollbar-thumb:hover{ background:#a8a8a8 !important; }
input:focus,select:focus,textarea:focus{ border-color:var(--beige-400) !important; box-shadow:0 0 0 3px rgba(205,174,111,.25) !important; }
.card-hover:hover{ box-shadow:0 12px 24px rgba(193,154,75,.22) !important; }
.sakura-card{ background:linear-gradient(135deg,rgba(251,247,238,.9) 0%,rgba(245,235,215,.9) 100%) !important; border-color:var(--beige-200) !important; }
.lazy-placeholder,.skeleton{ background:linear-gradient(90deg,#F5EBD7 25%,#EAD9B8 50%,#F5EBD7 75%) !important; }
.global-announcement-bar{ background:linear-gradient(180deg,rgba(251,247,238,.96) 0%,rgba(245,235,215,.92) 100%) !important; border-bottom-color:rgba(205,174,111,.4) !important; }
.nav-link:hover,.nav-link.active{ color:var(--beige-600) !important; }

/* Gradient Tailwind dùng mã màu cứng (VD nút Xem sản phẩm) */
.from-\[\#3b82f6\]{ --tw-gradient-from:#CDAE6F !important; --tw-gradient-to:rgb(205 174 111 / 0) !important; --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to) !important; }
.to-\[\#0ea5e9\]{ --tw-gradient-to:#A67F35 !important; }
.hover\:from-blue-600:hover{ --tw-gradient-from:#A67F35 !important; }
.hover\:to-sky-600:hover{ --tw-gradient-to:#85652B !important; }
.text-\[\#0a6bb3\]{ color:var(--beige-700) !important; }
.hover\:text-\[\#0a6bb3\]:hover{ color:var(--beige-700) !important; }
.group:hover .group-hover\:text-\[\#0a6bb3\]{ color:var(--beige-700) !important; }
.bg-\[\#f3f8ff\]{ background-color:#F7F0DE !important; }
.border-\[\#e5e0d5\]{ border-color:var(--beige-200) !important; }

/* Tiện ích xanh dương Tailwind -> be/kem */
.bg-blue-50{ background-color:var(--beige-100) !important; }
.bg-blue-100{ background-color:var(--beige-100) !important; }
.bg-blue-500{ background-color:var(--beige-500) !important; }
.bg-blue-600{ background-color:var(--beige-600) !important; }
.text-blue-400,.text-blue-500{ color:var(--beige-500) !important; }
.text-blue-600,.text-blue-700{ color:var(--beige-700) !important; }
.border-blue-100,.border-blue-200{ border-color:var(--beige-200) !important; }
.border-blue-300,.border-blue-500{ border-color:var(--beige-400) !important; }
.hover\:bg-blue-50:hover{ background-color:var(--beige-100) !important; }
.hover\:text-blue-500:hover{ color:var(--beige-600) !important; }
.hover\:text-blue-600:hover{ color:var(--beige-700) !important; }
.text-sky-500,.text-sky-600{ color:var(--beige-600) !important; }
.bg-sky-500,.bg-sky-600{ background-color:var(--beige-500) !important; }
.border-sky-200{ border-color:var(--beige-200) !important; }

/* Popup */
.popup-btn-primary{ background:var(--beige-500) !important; border-color:var(--beige-500) !important; color:#fff !important; }
.popup-btn-primary:hover{ background:var(--beige-600) !important; border-color:var(--beige-600) !important; }
@keyframes popupGlow{
    from{ box-shadow:0 25px 60px rgba(0,0,0,.3),0 0 20px rgba(193,154,75,.4); }
    to{ box-shadow:0 25px 60px rgba(0,0,0,.3),0 0 50px rgba(193,154,75,.8),0 0 80px rgba(193,154,75,.4); }
}

/* Sơ đồ AI trang chủ -> tông be/kem */
.home-flow__svg .hf-line{ stroke:var(--beige-400) !important; }
.home-flow__svg .hf-dot{ fill:var(--beige-600) !important; }
.home-flow__svg .hf-box{ stroke:var(--beige-200) !important; }
.home-flow__svg a:hover .hf-box{ fill:#F7F0DE !important; stroke:var(--beige-600) !important; }
#hfChipBody stop:first-child{ stop-color:#A67F35 !important; }
#hfChipBody stop:last-child{ stop-color:#5F4A22 !important; }
.hf-chip-beat rect{ stroke:var(--beige-300) !important; }
.hf-chip-beat path{ stroke:var(--beige-400) !important; }
.hf-chip-beat text{ fill:#FBF7EE !important; }
#hfCircuit path{ stroke:var(--beige-200) !important; }
#hfCircuit circle{ fill:var(--beige-300) !important; }
#hfCircuit circle[fill="none"]{ fill:none !important; stroke:var(--beige-300) !important; }

/* Trang listing sản phẩm -> be/kem */
a.hover\:text-blue-600:hover{ color:#A67F35 !important; }
.hover\:border-blue-200:hover{ border-color:#EAD9B8 !important; }
.hover\:border-blue-300:hover{ border-color:#CDAE6F !important; }
.text-blue-100{ color:#F5EBD7 !important; }
.text-blue-700{ color:#85652B !important; }
.bg-blue-700{ background-color:#A67F35 !important; }
.hover\:bg-blue-700:hover{ background-color:#85652B !important; }
.bg-blue-600{ background-color:#A67F35 !important; }
.hover\:bg-blue-600:hover{ background-color:#85652B !important; }
.text-blue-500{ color:#C19A4B !important; }
.from-blue-500{ --tw-gradient-from:#CDAE6F !important; --tw-gradient-to:rgb(205 174 111 / 0) !important; --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to) !important; }
.to-sky-500{ --tw-gradient-to:#A67F35 !important; }
.from-blue-600{ --tw-gradient-from:#A67F35 !important; --tw-gradient-to:rgb(166 127 53 / 0) !important; --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to) !important; }
.to-indigo-600{ --tw-gradient-to:#5F4A22 !important; }
.from-blue-50{ --tw-gradient-from:#FBF7EE !important; --tw-gradient-to:rgb(251 247 238 / 0) !important; --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to) !important; }
.to-sky-100{ --tw-gradient-to:#F5EBD7 !important; }
.border-blue-100{ border-color:#EAD9B8 !important; }
.hover\:border-blue-300:hover{ border-color:#CDAE6F !important; }
.hover\:shadow-blue-100\/50:hover{ --tw-shadow-color:rgba(234,217,184,.5) !important; }
.from-blue-600.to-indigo-600{ background:linear-gradient(to bottom right,#A67F35,#5F4A22) !important; }