/**
 * Giao diện sáng: html[data-theme="light"] — tối (giao diện hiện tại) là data-theme="dark" hoặc mặc định
 */
html[data-theme="light"] {
    color-scheme: light;
}

html[data-theme="light"] body {
    background: #f4f6f4;
    color: var(--text);
}

/* ── Nút chuyển giao diện (navbar) ── */
.fe-theme-toggle {
    width: 2.45rem;
    height: 2.45rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.28);
    background: rgba(255, 255, 255, 0.1);
    color: var(--gold-light);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.95rem;
    line-height: 1;
    padding: 0;
    margin: 0.25rem 0;
    transition: background 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    flex-shrink: 0;
}
.fe-theme-toggle--topbar {
    width: 1.9rem;
    height: 1.9rem;
    font-size: 0.88rem;
    margin: 0;
    border: 0;
    background: transparent;
    color: var(--gold);
    box-shadow: none;
    border-radius: 0.35rem;
}
.fe-theme-toggle--topbar:hover,
.fe-theme-toggle--topbar:focus-visible {
    background: rgba(255, 255, 255, 0.08);
    border-color: transparent;
    color: #fff;
}
.fe-theme-toggle:hover,
.fe-theme-toggle:focus-visible {
    color: #fff;
    background: rgba(255, 255, 255, 0.18);
    border-color: rgba(255, 255, 255, 0.4);
    outline: none;
}
html[data-theme="light"] .fe-theme-toggle {
    border-color: rgba(13, 51, 33, 0.2);
    background: rgba(26, 92, 58, 0.08);
    color: var(--primary);
}
html[data-theme="light"] .fe-theme-toggle:hover,
html[data-theme="light"] .fe-theme-toggle:focus-visible {
    color: var(--primary-dark);
    background: rgba(26, 92, 58, 0.14);
    border-color: rgba(26, 92, 58, 0.3);
}
html[data-theme="light"] .fe-theme-toggle--topbar {
    background: transparent;
    border: 0;
    color: #a67a28;
}
html[data-theme="light"] .fe-theme-toggle--topbar:hover,
html[data-theme="light"] .fe-theme-toggle--topbar:focus-visible {
    background: rgba(13, 51, 33, 0.06);
    border-color: transparent;
    color: #7a5a1a;
}

/* Topbar + Navbar */
html[data-theme="light"] .topbar {
    background: #e9f0ec;
    color: #1f3326;
    border-bottom: 1px solid rgba(13, 51, 33, 0.08);
}
html[data-theme="light"] .topbar a {
    color: #145a38;
    font-weight: 600;
}
html[data-theme="light"] .topbar i {
    color: #a67a28;
}

html[data-theme="light"] .navbar {
    background: rgba(255, 255, 255, 0.96) !important;
    border-bottom: 1px solid rgba(13, 51, 33, 0.1);
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.06);
    backdrop-filter: none;
}
html[data-theme="light"] .navbar.scrolled {
    background: rgba(255, 255, 255, 0.99) !important;
    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.08);
}
html[data-theme="light"] .navbar-brand-name {
    color: var(--primary-dark);
}
html[data-theme="light"] .navbar-brand:hover .navbar-brand-name,
html[data-theme="light"] .navbar-brand:focus .navbar-brand-name {
    color: var(--primary);
}
html[data-theme="light"] .navbar-brand-sub {
    color: var(--muted);
}
html[data-theme="light"] .navbar-brand-logo--dark {
    display: none;
}
html[data-theme="light"] .navbar-brand-logo--light {
    display: block;
}
html[data-theme="light"] .navbar-nav .nav-link {
    color: rgba(13, 51, 33, 0.88) !important;
}
html[data-theme="light"] .navbar-nav .nav-link:hover,
html[data-theme="light"] .navbar-nav .nav-link.active,
html[data-theme="light"] .navbar-nav .show > .nav-link,
html[data-theme="light"] .navbar-nav .active-mega-link {
    color: #145a38 !important;
    background: rgba(26, 92, 58, 0.09) !important;
}
html[data-theme="light"] .navbar-toggler {
    border-color: rgba(13, 51, 33, 0.22) !important;
}
html[data-theme="light"] .navbar-toggler-icon {
    filter: none;
    opacity: 0.85;
}

/* Hero: giữ tương phản ảnh, làm mềm lớp phủ */
html[data-theme="light"] .hero-section {
    background: #163d2a;
}
html[data-theme="light"] .hero-slide::before {
    background: linear-gradient(100deg, rgba(6, 22, 14, 0.78) 0%, rgba(11, 32, 22, 0.5) 44%, rgba(20, 55, 38, 0.2) 100%),
    url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23c8973c' fill-opacity='0.05'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");
}

/* Ticker */
html[data-theme="light"] .ticker-wrap {
    background: #2a6b47;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
html[data-theme="light"] .ticker-item {
    color: rgba(255, 255, 255, 0.92);
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}

/* Tìm kiếm: form sáng */
html[data-theme="light"] .search-section {
    background: linear-gradient(180deg, #e4ece7 0%, #d5e2da 100%);
    border-top: 1px solid rgba(13, 51, 33, 0.08);
    border-bottom: 1px solid rgba(13, 51, 33, 0.06);
}
html[data-theme="light"] .search-box {
    background: #fff;
    border: 1px solid rgba(26, 92, 58, 0.2);
    box-shadow: 0 8px 32px rgba(13, 51, 33, 0.08);
}
html[data-theme="light"] .search-box .form-select,
html[data-theme="light"] .search-box .form-control {
    background: #f8faf9 !important;
    border: 1px solid rgba(13, 51, 33, 0.18) !important;
    color: var(--text) !important;
}
html[data-theme="light"] .search-box .form-select option {
    background: #fff;
    color: var(--text);
}
html[data-theme="light"] .search-box .form-control::placeholder,
html[data-theme="light"] .search-box .form-select {
    color: #5a6a62 !important;
}
html[data-theme="light"] .search-box .form-control::placeholder {
    color: rgba(30, 45, 38, 0.45) !important;
}

/* Thống kê thị trường (stats + insight) */
html[data-theme="light"] .stats-section {
    background: linear-gradient(180deg, #e8f1ec 0%, #dbe7e0 100%);
}
html[data-theme="light"] .stats-section .section-label,
html[data-theme="light"] .stats-section .section-title .italic {
    color: #6b4f16;
}
html[data-theme="light"] .stats-section .section-title {
    color: #153428;
}
html[data-theme="light"] .stat-card {
    background: #fff;
    border: 1px solid rgba(26, 92, 58, 0.12);
    box-shadow: 0 4px 20px rgba(13, 51, 33, 0.06);
}
html[data-theme="light"] .stat-card:hover {
    background: #fafcfa;
}
html[data-theme="light"] .stat-num,
html[data-theme="light"] .stat-unit {
    color: #8a5f12;
}
html[data-theme="light"] .stat-desc {
    color: #5c6d63;
}
html[data-theme="light"] .insight-box {
    background: #fff;
    border: 1px solid rgba(26, 92, 58, 0.12);
    box-shadow: 0 4px 20px rgba(13, 51, 33, 0.06);
}
html[data-theme="light"] .insight-title {
    color: #145a38;
}
html[data-theme="light"] .insight-item {
    border-bottom: 1px solid rgba(13, 51, 33, 0.1);
}
html[data-theme="light"] .insight-label,
html[data-theme="light"] .insight-val {
    color: var(--text);
}
html[data-theme="light"] .insight-bar-wrap {
    background: rgba(13, 51, 33, 0.1);
}
html[data-theme="light"] .insight-bar {
    background: var(--primary);
}
html[data-theme="light"] .stats-section [style*="background:rgba(255,255,255,0.03)"] {
    background: rgba(13, 51, 33, 0.04) !important;
    border: 1px solid rgba(13, 51, 33, 0.08);
    border-radius: 0.45rem;
}
html[data-theme="light"] .stats-section [style*="background:rgba(255,255,255,0.03)"] [style*="color:white"] {
    color: #163628 !important;
}
html[data-theme="light"] .stats-section [style*="background:rgba(255,255,255,0.03)"] [style*="color:rgba(255,255,255,0.5)"] {
    color: #4f6459 !important;
}

/* Quy trình (process) */
html[data-theme="light"] .process-section {
    background: linear-gradient(180deg, #e3ebe6 0%, #d0ddd6 100%);
    border-top: 1px solid rgba(13, 51, 33, 0.06);
}
html[data-theme="light"] .process-section .section-label,
html[data-theme="light"] .process-section .section-title .italic {
    color: #6b4f16;
}
html[data-theme="light"] .process-section .section-title {
    color: #0f2720;
}
/* Khối cam kết (process) — nền trắng + ghi đè chữ trắng (inline) */
html[data-theme="light"] .process-section [style*="background:rgba(255,255,255,0.04)"] {
    background: #fff !important;
    border: 1px solid rgba(13, 51, 33, 0.12) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
}
html[data-theme="light"] .process-section [style*="background:rgba(255,255,255,0.04)"] [style*="color:white"] {
    color: #0f2720 !important;
}
html[data-theme="light"] .process-section [style*="background:rgba(255,255,255,0.04)"] [style*="color:rgba(255,255,255,0.45)"] {
    color: #5a6a62 !important;
}
html[data-theme="light"] .process-section .row[style*="border-top:1px solid rgba(255,255,255,0.08)"] {
    border-top: 1px solid rgba(13, 51, 33, 0.1) !important;
}
html[data-theme="light"] .process-section [style*="text-transform:uppercase;color:var(--gold)"] {
    color: #145a38 !important;
}
html[data-theme="light"] .process-section .step-line::before {
    background: repeating-linear-gradient(90deg, #a67a28 0, #a67a28 6px, transparent 6px, transparent 14px) !important;
}
html[data-theme="light"] .process-section .step-title,
html[data-theme="light"] .process-section .step-desc {
    color: var(--text) !important;
}
html[data-theme="light"] .process-section .step-desc {
    color: #4a5c54 !important;
}

/* CTA cuối trang */
html[data-theme="light"] .cta-section {
    background: linear-gradient(140deg, #6b4f16 0%, #0d2a1c 55%, #0d2a1c 100%) !important;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}
/* Giữ CTA tối sang trọng — chỉ tăng độ tương phản thẻ số (vẫn tối) */
html[data-theme="light"] .cta-stat-card {
    background: rgba(255, 255, 255, 0.14);
    border: 1px solid rgba(255, 255, 255, 0.2);
}
html[data-theme="light"] .btn-cta-outline {
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.4);
}
html[data-theme="light"] .btn-cta-outline:hover {
    color: #fff3d6;
    border-color: #fff3d6;
}

/* Footer: nền sáng, chữ tối */
html[data-theme="light"] .site-footer {
    background: #e8f0ec;
    color: #1f3326;
    border-top: 1px solid rgba(13, 51, 33, 0.1);
}
html[data-theme="light"] .site-footer__logo--dark {
    display: none;
}
html[data-theme="light"] .site-footer__logo--light {
    display: block;
}
html[data-theme="light"] .site-footer__desc,
html[data-theme="light"] .site-footer__links a {
    color: #3d5247 !important;
}
html[data-theme="light"] .site-footer__links a:hover,
html[data-theme="light"] .site-footer__links a:focus-visible {
    color: #0d2a1c !important;
}
html[data-theme="light"] .site-footer__heading {
    color: #0d2a1c;
}
html[data-theme="light"] .site-footer__link-ico {
    color: #6b4f16;
}
html[data-theme="light"] .site-footer__follow-label {
    color: rgba(107, 79, 22, 0.8);
}
html[data-theme="light"] .site-footer__contact-link,
html[data-theme="light"] .site-footer__contact-txt,
html[data-theme="light"] .site-footer__contact-link strong {
    color: #0d2a1c;
}
html[data-theme="light"] .site-footer__map-btn {
    color: #145a38;
    border-color: rgba(26, 92, 58, 0.3);
    background: rgba(255, 255, 255, 0.5);
}
html[data-theme="light"] .site-footer__map-btn:hover,
html[data-theme="light"] .site-footer__map-btn:focus-visible {
    color: #0a301f;
    background: rgba(255, 255, 255, 0.8);
    border-color: #145a38;
}
html[data-theme="light"] .site-footer__subtle,
html[data-theme="light"] .site-footer__legal {
    color: #5a6a62 !important;
}
html[data-theme="light"] .site-footer__hr {
    background: rgba(13, 51, 33, 0.1);
    opacity: 1;
}
html[data-theme="light"] .site-footer__social-btn {
    border: 1px solid rgba(13, 51, 33, 0.2);
    color: #0d2a1c;
    background: #fff;
}
html[data-theme="light"] .site-footer__social-btn:hover,
html[data-theme="light"] .site-footer__social-btn:focus-visible {
    color: #145a38;
    background: #f0f5f1;
    border-color: #145a38;
}

/* Trang: khối inline dùng var(--primary-dark) làm nền */
html[data-theme="light"] .du-an-page,
html[data-theme="light"] .proj-section-wrap {
    background: linear-gradient(180deg, #eef4f0 0%, #e0ebe4 100%) !important;
}
html[data-theme="light"] .du-an-page [style*="color:var(--gold"],
html[data-theme="light"] .proj-section-wrap [style*="color:var(--gold"] {
    /* eyebrow: giữ xanh-đen + vàng, không cần đổi */
    color: var(--gold) !important;
}
html[data-theme="light"] .du-an-page .section-title,
html[data-theme="light"] .proj-section-wrap .section-title {
    color: #0f2720;
}
/* Lưới dự án trang chủ (mặc nền tối) */
html[data-theme="light"] .proj-section-wrap h2.section-title,
html[data-theme="light"] .proj-section-wrap .section-title span,
html[data-theme="light"] .proj-section-wrap .section-title.italic,
html[data-theme="light"] .proj-section-wrap .section-title[style] {
    color: #0f2720 !important;
}
html[data-theme="light"] .proj-section-wrap h2 .italic[style] {
    color: #6b4f16 !important;
}
html[data-theme="light"] .proj-section-wrap a.btn-view-all[style] {
    color: #145a38 !important;
    border-color: rgba(20, 90, 56, 0.35) !important;
}
html[data-theme="light"] .proj-tabs {
    border-bottom-color: rgba(13, 51, 33, 0.12) !important;
}
html[data-theme="light"] .proj-tab {
    color: #4a5c54 !important;
}
html[data-theme="light"] .proj-tab:hover {
    color: #0f2720 !important;
}
html[data-theme="light"] .proj-tab.active {
    color: #145a38 !important;
    border-color: #6b4f16 !important;
}
html[data-theme="light"] .proj-row-card {
    background: #fff !important;
    border: 1px solid rgba(13, 51, 33, 0.1) !important;
}
html[data-theme="light"] .proj-row-card:hover {
    background: #f8faf9 !important;
}
html[data-theme="light"] .proj-row-name {
    color: #0f2720 !important;
}
html[data-theme="light"] .proj-row-loc,
html[data-theme="light"] .proj-row-meta span {
    color: var(--muted) !important;
}

/* Trang dự án chi tiết (page-fe) */
html[data-theme="light"] .fe-project-page {
    background: #f0f4f1 !important;
    color: var(--text);
    border-top: 1px solid rgba(13, 51, 33, 0.08);
}
html[data-theme="light"] .fe-project-eyebrow {
    color: #145a38;
}
html[data-theme="light"] .fe-project-hero h1 {
    color: #0f2720;
    text-shadow: none;
}
html[data-theme="light"] .fe-project-hero .fe-project-location {
    color: var(--muted);
}
html[data-theme="light"] .fe-project-price {
    color: #6b4f16;
}
html[data-theme="light"] .fe-project-meta {
    color: var(--text) !important;
    border-color: rgba(13, 51, 33, 0.12) !important;
}
html[data-theme="light"] .fe-project-page .fe-title-serif {
    color: var(--text) !important;
}
html[data-theme="light"] .fe-project-page .fe-project-hero a:not(.fe-project-cta--gold) {
    color: #145a38;
}
html[data-theme="light"] .fe-project-footer {
    border-color: rgba(13, 51, 33, 0.1);
}
html[data-theme="light"] .fe-project-footer a {
    color: #145a38;
}

/* Breadcrumb / section label chung ở trang sáng nếu nằm trên nền nhạt */
html[data-theme="light"] .page-hero {
    background: #f0f4f1 !important;
    border-bottom: 1px solid rgba(13, 51, 33, 0.06) !important;
}
html[data-theme="light"] .fe-kv-hero::after {
    background: linear-gradient(
        to top,
        rgba(13, 32, 22, 0.72) 0%,
        rgba(13, 32, 22, 0.3) 45%,
        rgba(13, 32, 22, 0.1) 100%
    );
}

/* Khối liên hệ trong trang tĩnh (cột tối) */
html[data-theme="light"] .contact-info-box {
    background: linear-gradient(150deg, #0d2a1c, #1a4d32);
}