html[data-theme="light"] {
    color-scheme: light;
    --gold-primary: #a56f12;
    --gold-dark: #8a5c0f;
    --gold-light: #c2881a;
    --black-primary: #f7f4ee;
    --black-dark: #efe9df;
    --black-card: #fcfaf6;
    --gray-dark: #ddd4c8;
    --white: #18120b;
    /* Primary reading: near-black on warm white (~15:1) */
    --text-light: #14110d;
    --text-muted: #3d362e;
    --border-color: rgba(179, 122, 22, 0.22);
    --line: rgba(92, 70, 33, 0.12);
    --text: #14110d;
    --muted: #3d362e;
    --ink: #14110d;
    --text-1: #14110d;
    --text-2: #3d362e;
    --glass: rgba(252, 250, 246, 0.9);
    --glass-strong: rgba(252, 250, 246, 0.96);
    /* Explicit scale for long-form readability */
    --readable-body: #16130f;
    --readable-muted: #3f382f;
    --readable-subtle: #5a5248;
    --readable-link: #2a2319;
    --readable-link-hover: #8a5c0f;
}

/* Logo / footer mark tiles: --white is ink-colored in light mode; keep the pad behind the PNG actually white */
html[data-theme="light"] .logo-img,
html[data-theme="light"] .footer-logo-img {
    background: #ffffff !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08) !important;
}

html[data-theme="light"] body {
    color: var(--text-light);
    background:
        radial-gradient(1100px 480px at 50% -10%, rgba(206, 165, 89, 0.08), transparent 62%),
        linear-gradient(180deg, #fbfaf7 0%, #f4f0e8 52%, #eee7db 100%);
}

html[data-theme="light"] body,
html[data-theme="light"] p,
html[data-theme="light"] li,
html[data-theme="light"] label,
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea {
    color: var(--text-light);
}

html[data-theme="light"] body::before {
    background:
        repeating-linear-gradient(0deg, rgba(52, 41, 28, 0.018) 0 1px, transparent 1px 56px),
        repeating-linear-gradient(90deg, rgba(52, 41, 28, 0.015) 0 1px, transparent 1px 56px);
    opacity: 0.22;
}

/* Full-page pattern from background-patterns.css uses invert — tone it down in light mode */
html[data-theme="light"] body::after {
    opacity: 0.06 !important;
    filter: none !important;
}

html[data-theme="light"] .top-bar,
html[data-theme="light"] .navbar,
html[data-theme="light"] .topnav a,
html[data-theme="light"] .container,
html[data-theme="light"] .hero,
html[data-theme="light"] .card,
html[data-theme="light"] .panel,
html[data-theme="light"] .value-item,
html[data-theme="light"] .service-card,
html[data-theme="light"] .project-card,
html[data-theme="light"] .testimonial-card,
html[data-theme="light"] .hero-content-box,
html[data-theme="light"] .hero-metric,
html[data-theme="light"] .hero-rating,
html[data-theme="light"] .mobile-home-card,
html[data-theme="light"] .mobile-highlight-item,
html[data-theme="light"] .mobile-step,
html[data-theme="light"] .mobile-home-link,
html[data-theme="light"] .footer-container,
html[data-theme="light"] .group-visual,
html[data-theme="light"] .content,
html[data-theme="light"] .cta,
html[data-theme="light"] .cta-section,
html[data-theme="light"] .cta-strip,
html[data-theme="light"] .stat,
html[data-theme="light"] .jump-nav,
html[data-theme="light"] .work-label,
html[data-theme="light"] .page-loader {
    background: linear-gradient(180deg, rgba(252, 250, 246, 0.95), rgba(246, 242, 235, 0.92)) !important;
    color: var(--text-light) !important;
    border-color: rgba(92, 70, 33, 0.14) !important;
    box-shadow: 0 12px 34px rgba(90, 70, 42, 0.08) !important;
}

html[data-theme="light"] .hero,
html[data-theme="light"] .card,
html[data-theme="light"] .panel,
html[data-theme="light"] .container,
html[data-theme="light"] .service-card,
html[data-theme="light"] .project-card,
html[data-theme="light"] .testimonial-card,
html[data-theme="light"] .hero-content-box,
html[data-theme="light"] .mobile-home-card,
html[data-theme="light"] .footer-container,
html[data-theme="light"] .content,
html[data-theme="light"] .group-visual,
html[data-theme="light"] .cta-strip,
html[data-theme="light"] .stat {
    backdrop-filter: blur(18px) saturate(130%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(130%) !important;
}

html[data-theme="light"] .top-bar,
html[data-theme="light"] .navbar,
html[data-theme="light"] .footer-container,
html[data-theme="light"] .section-header {
    background: linear-gradient(180deg, rgba(252, 250, 246, 0.97), rgba(245, 241, 234, 0.95)) !important;
}

html[data-theme="light"] .hero-content-box,
html[data-theme="light"] .hero-metric,
html[data-theme="light"] .hero-rating,
html[data-theme="light"] .mobile-home-card,
html[data-theme="light"] .mobile-highlight-item,
html[data-theme="light"] .mobile-step,
html[data-theme="light"] .mobile-home-link,
html[data-theme="light"] .service-card,
html[data-theme="light"] .testimonial-card,
html[data-theme="light"] .project-card,
html[data-theme="light"] .work-item,
html[data-theme="light"] .group-visual,
html[data-theme="light"] .content,
html[data-theme="light"] .stat-card,
html[data-theme="light"] .stat,
html[data-theme="light"] .jump-nav,
html[data-theme="light"] .container {
    background: linear-gradient(180deg, rgba(252, 250, 246, 0.94), rgba(247, 243, 238, 0.92)) !important;
}

html[data-theme="light"] .cta-section,
html[data-theme="light"] .cta-strip,
html[data-theme="light"] .cta,
html[data-theme="light"] .stat-card.red {
    background: linear-gradient(180deg, rgba(236, 206, 151, 0.88), rgba(224, 188, 124, 0.84)) !important;
    color: var(--readable-body) !important;
}

html[data-theme="light"] .topnav a,
html[data-theme="light"] .filter-btn,
html[data-theme="light"] .jump-nav a,
html[data-theme="light"] .area-tag,
html[data-theme="light"] .areas-tag,
html[data-theme="light"] .testimonial-category {
    background: rgba(255, 251, 244, 0.96) !important;
    border-color: rgba(92, 70, 33, 0.14) !important;
}

html[data-theme="light"] .hero-background,
html[data-theme="light"] .hero-showcase {
    border-color: rgba(92, 70, 33, 0.12);
    box-shadow: 0 18px 48px rgba(125, 100, 63, 0.14);
}

html[data-theme="light"] .hero-background::after,
html[data-theme="light"] .hero-showcase::before {
    background: linear-gradient(180deg, rgba(255, 248, 238, 0.15), rgba(64, 46, 24, 0.16));
}

html[data-theme="light"] .hero-background::before {
    opacity: 0.14;
}

html[data-theme="light"] .feature-large-card::before {
    background: linear-gradient(to top, rgba(248, 241, 232, 0.82) 0%, rgba(248, 241, 232, 0.06) 100%);
}

html[data-theme="light"] .feature-tag {
    background: rgba(255, 252, 246, 0.9);
    color: var(--readable-body);
}

/* Hero kicker pill: gold text on pale gold was low-contrast on the light hero card */
html[data-theme="light"] .hero-kicker {
    color: #3a2b08 !important;
    background: rgba(255, 236, 188, 0.65) !important;
    border-color: rgba(138, 92, 15, 0.42) !important;
    box-shadow: 0 1px 2px rgba(62, 48, 12, 0.06);
}

/* Mobile section eyebrows still used white-tint text from dark layout */
html[data-theme="light"] .mobile-home-eyebrow {
    color: var(--readable-body) !important;
    background: rgba(255, 255, 255, 0.82) !important;
    border-color: rgba(92, 70, 33, 0.2) !important;
}

html[data-theme="light"] .top-bar *,
html[data-theme="light"] .navbar *,
html[data-theme="light"] .footer-container *,
html[data-theme="light"] .section-header *,
html[data-theme="light"] .hero-content-box *,
html[data-theme="light"] .service-card *,
html[data-theme="light"] .work-item *,
html[data-theme="light"] .testimonial-card *,
html[data-theme="light"] .mobile-home-card *,
html[data-theme="light"] .container * {
    text-shadow: none !important;
}

html[data-theme="light"] .feature-title,
html[data-theme="light"] .section-title,
html[data-theme="light"] .cta-title,
html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] .hero-title,
html[data-theme="light"] .hero h1,
html[data-theme="light"] .page-hero h1,
html[data-theme="light"] .mobile-home-title,
html[data-theme="light"] .card h2,
html[data-theme="light"] .panel h2,
html[data-theme="light"] .founder h3,
html[data-theme="light"] .service-card h3,
html[data-theme="light"] .why-us-card h3,
html[data-theme="light"] .project-info h3,
html[data-theme="light"] .content h2,
html[data-theme="light"] .content h3,
html[data-theme="light"] .footer-section h3,
html[data-theme="light"] .footer-logo-text,
html[data-theme="light"] .logo-text .company-name,
html[data-theme="light"] .company-name,
html[data-theme="light"] .logo-name,
html[data-theme="light"] .rating-number,
html[data-theme="light"] .rating-text {
    color: var(--readable-body);
}

html[data-theme="light"] .hero-description,
html[data-theme="light"] .hero p,
html[data-theme="light"] .page-hero p,
html[data-theme="light"] p,
html[data-theme="light"] li,
html[data-theme="light"] .section-description,
html[data-theme="light"] .card p,
html[data-theme="light"] .panel p,
html[data-theme="light"] .service-card p,
html[data-theme="light"] .testimonial-text,
html[data-theme="light"] .cta-description,
html[data-theme="light"] .content p,
html[data-theme="light"] .content li,
html[data-theme="light"] .service-list li,
html[data-theme="light"] .group p,
html[data-theme="light"] .area-tag,
html[data-theme="light"] .areas-tag,
html[data-theme="light"] .contact-list li,
html[data-theme="light"] .contact-list a {
    color: var(--readable-body) !important;
}

html[data-theme="light"] .meta,
html[data-theme="light"] .footer-description,
html[data-theme="light"] .footer-contact-item,
html[data-theme="light"] .footer-bottom p,
html[data-theme="light"] .footer-bottom a,
html[data-theme="light"] .mobile-highlight-item span,
html[data-theme="light"] .mobile-step span,
html[data-theme="light"] .mobile-home-link span,
html[data-theme="light"] .hero-metric span,
html[data-theme="light"] .stat span,
html[data-theme="light"] .tiny {
    color: var(--readable-muted) !important;
}

html[data-theme="light"] .top-bar a,
html[data-theme="light"] .nav-links a,
html[data-theme="light"] .nav-links .nav-link,
html[data-theme="light"] .back-link,
html[data-theme="light"] .footer-section a,
html[data-theme="light"] .service-list a,
html[data-theme="light"] .jump-nav a,
html[data-theme="light"] .topnav a,
html[data-theme="light"] .filter-btn,
html[data-theme="light"] .nav-link {
    color: var(--readable-link) !important;
}

html[data-theme="light"] .top-bar a:hover,
html[data-theme="light"] .nav-links a:hover,
html[data-theme="light"] .nav-links a.active,
html[data-theme="light"] .nav-links .nav-link:hover,
html[data-theme="light"] .nav-links .nav-link.active,
html[data-theme="light"] .back-link:hover,
html[data-theme="light"] .footer-section a:hover,
html[data-theme="light"] .service-list a:hover,
html[data-theme="light"] .jump-nav a:hover,
html[data-theme="light"] .topnav a:hover,
html[data-theme="light"] .filter-btn:hover,
html[data-theme="light"] .filter-btn.active {
    color: var(--readable-link-hover);
}

html[data-theme="light"] .footer-container .footer-description,
html[data-theme="light"] .footer-container .footer-contact-item,
html[data-theme="light"] .footer-container .footer-bottom p,
html[data-theme="light"] .footer-container .footer-bottom a,
html[data-theme="light"] .footer-container .footer-section a,
html[data-theme="light"] .footer-container .footer-section li,
html[data-theme="light"] .footer-container .footer-tagline,
html[data-theme="light"] .footer-container .footer-sitemap,
html[data-theme="light"] .top-bar a,
html[data-theme="light"] .navbar .nav-links a,
html[data-theme="light"] .navbar .nav-links .nav-link,
html[data-theme="light"] .hero-content-box .hero-rating span,
html[data-theme="light"] .hero-content-box .hero-metric span,
html[data-theme="light"] .container p,
html[data-theme="light"] .container li,
html[data-theme="light"] .container .last-updated,
html[data-theme="light"] .container .back-link {
    color: var(--readable-muted) !important;
}

html[data-theme="light"] .footer-container h3,
html[data-theme="light"] .footer-container .footer-logo-text,
html[data-theme="light"] .container h1,
html[data-theme="light"] .container h2,
html[data-theme="light"] .container h3 {
    color: var(--readable-body) !important;
}

html[data-theme="light"] .navbar .company-name,
html[data-theme="light"] .navbar .logo-name {
    color: var(--readable-body) !important;
}

html[data-theme="light"] .navbar .tagline,
html[data-theme="light"] .navbar .logo-tag {
    color: #b67a17 !important;
}

html[data-theme="light"] .footer-container,
html[data-theme="light"] .container,
html[data-theme="light"] .hero-content-box,
html[data-theme="light"] .service-card,
html[data-theme="light"] .work-item,
html[data-theme="light"] .testimonial-card {
    opacity: 1 !important;
}

html[data-theme="light"] .btn-primary,
html[data-theme="light"] .stat-button,
html[data-theme="light"] .service-explore-btn,
html[data-theme="light"] .cta-button-large,
html[data-theme="light"] .cta a,
html[data-theme="light"] .btn-services {
    background: linear-gradient(135deg, #f6efe3 0%, #ece2d2 100%);
    color: var(--readable-body);
    border: 1px solid rgba(92, 70, 33, 0.16);
    box-shadow: 0 8px 18px rgba(125, 100, 63, 0.06);
}

html[data-theme="light"] .btn-primary:hover,
html[data-theme="light"] .stat-button:hover,
html[data-theme="light"] .service-explore-btn:hover,
html[data-theme="light"] .cta-button-large:hover,
html[data-theme="light"] .cta a:hover,
html[data-theme="light"] .btn-services:hover {
    color: var(--readable-body);
    border-color: rgba(179, 122, 22, 0.32);
}

html[data-theme="light"] .cta-button,
html[data-theme="light"] .btn-view-all,
html[data-theme="light"] .btn-home,
html[data-theme="light"] .cta,
html[data-theme="light"] .nav-links .mobile-quote-item .nav-link,
html[data-theme="light"] .btn-submit {
    color: #fffdf9;
}

html[data-theme="light"] .cta-button,
html[data-theme="light"] .btn-view-all,
html[data-theme="light"] .btn-home,
html[data-theme="light"] .btn-submit {
    background: linear-gradient(135deg, #bc821b 0%, #a66d11 100%) !important;
    border-color: rgba(146, 92, 10, 0.2) !important;
    box-shadow: 0 10px 22px rgba(182, 122, 23, 0.18) !important;
}

html[data-theme="light"] .footer-social-icon {
    background: #fffdf8;
    border-color: rgba(179, 122, 22, 0.26);
}

html[data-theme="light"] .footer-social-icon img {
    filter: brightness(0) saturate(100%);
}

html[data-theme="light"] .scroll-to-top {
    background: rgba(255, 252, 246, 0.96) !important;
    border-color: rgba(179, 122, 22, 0.24) !important;
    box-shadow: 0 12px 28px rgba(125, 100, 63, 0.16) !important;
}

html[data-theme="light"] .scroll-to-top:hover {
    background: rgba(255, 252, 246, 0.98) !important;
}

html[data-theme="light"] .top-bar,
html[data-theme="light"] .navbar,
html[data-theme="light"] .footer-container,
html[data-theme="light"] .hero-content-box,
html[data-theme="light"] .service-card,
html[data-theme="light"] .work-item,
html[data-theme="light"] .testimonial-card,
html[data-theme="light"] .section-header,
html[data-theme="light"] .cta-section,
html[data-theme="light"] .scroll-to-top {
    color: var(--readable-body) !important;
}

html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea {
    background: rgba(255, 255, 255, 0.85);
    color: var(--readable-body);
    border-color: rgba(92, 70, 33, 0.16);
}

html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder {
    color: rgba(28, 22, 15, 0.58);
}

html[data-theme="light"] .nav-links,
html[data-theme="light"] .navbar.mobile-open .nav-links {
    background: transparent;
}

html[data-theme="light"] .nav-links .mobile-quote-item {
    display: none !important;
}

@media (max-width: 968px) {
    html[data-theme="light"] .navbar.mobile-open .nav-links {
        background: rgba(252, 250, 246, 0.98) !important;
        border: 1px solid rgba(92, 70, 33, 0.12) !important;
        box-shadow: 0 16px 32px rgba(90, 70, 42, 0.12) !important;
    }

    html[data-theme="light"] .nav-links .mobile-quote-item {
        display: block !important;
    }
}

/* ── Light mode: reading comfort (type rhythm + emphasis) ── */
html[data-theme="light"] strong,
html[data-theme="light"] b {
    color: var(--readable-body);
    font-weight: 600;
}

html[data-theme="light"] .content li + li,
html[data-theme="light"] .container li + li {
    margin-top: 0.4em;
}

html[data-theme="light"] .content ul,
html[data-theme="light"] .content ol,
html[data-theme="light"] .container ul,
html[data-theme="light"] .container ol {
    padding-inline-start: 1.35em;
}

html[data-theme="light"] .work-label,
html[data-theme="light"] .testimonial-category,
html[data-theme="light"] .feature-tag {
    color: var(--readable-muted) !important;
}

html[data-theme="light"] .testimonial-text {
    line-height: 1.84 !important;
}

/* Light mode: homepage service/value sections need a warmer treatment than the default frosted slab */
html[data-theme="light"] #why-us,
html[data-theme="light"] #services {
    background:
        radial-gradient(900px 320px at 15% 0%, rgba(201, 154, 68, 0.12), transparent 60%),
        radial-gradient(900px 320px at 85% 100%, rgba(163, 115, 37, 0.08), transparent 58%),
        linear-gradient(180deg, rgba(244, 238, 229, 0.74) 0%, rgba(239, 233, 223, 0.42) 100%) !important;
}

html[data-theme="light"] #why-us::before,
html[data-theme="light"] #services::before {
    opacity: 0.55;
}

html[data-theme="light"] #why-us .section-header,
html[data-theme="light"] #services .section-header {
    background:
        linear-gradient(135deg, rgba(255, 251, 244, 0.96) 0%, rgba(244, 237, 226, 0.94) 100%) !important;
    border: 1px solid rgba(156, 114, 43, 0.16) !important;
    border-radius: 28px;
    padding: 42px 48px;
    box-shadow:
        0 18px 42px rgba(119, 89, 46, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.75) !important;
    position: relative;
    overflow: hidden;
}

html[data-theme="light"] #why-us .section-header::before,
html[data-theme="light"] #services .section-header::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(194, 144, 54, 0.12), transparent 28%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.28), transparent 36%);
    pointer-events: none;
}

html[data-theme="light"] #why-us .section-header > *,
html[data-theme="light"] #services .section-header > * {
    position: relative;
    z-index: 1;
}

html[data-theme="light"] #why-us .section-title,
html[data-theme="light"] #services .section-title {
    color: #1a140e !important;
}

html[data-theme="light"] #why-us .section-description,
html[data-theme="light"] #services .section-description {
    color: #352c23 !important;
}

html[data-theme="light"] .why-us-card {
    background:
        linear-gradient(180deg, rgba(255, 250, 242, 0.95) 0%, rgba(240, 233, 223, 0.92) 100%) !important;
    border: 1px solid rgba(143, 105, 42, 0.18) !important;
    box-shadow:
        0 18px 36px rgba(123, 96, 55, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
}

html[data-theme="light"] .why-us-card:hover {
    transform: translateY(-5px);
    border-color: rgba(165, 111, 18, 0.32) !important;
    box-shadow:
        0 22px 42px rgba(123, 96, 55, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
}

html[data-theme="light"] .why-us-card h3 {
    color: #1c150f !important;
}

html[data-theme="light"] .why-us-card p {
    color: #4a4035 !important;
}

html[data-theme="light"] .why-us-icon {
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

@media (max-width: 768px) {
    html[data-theme="light"] #why-us .section-header,
    html[data-theme="light"] #services .section-header {
        padding: 28px 24px;
        border-radius: 22px;
    }
}

.theme-toggle {
    position: fixed;
    left: 20px;
    bottom: 20px;
    z-index: 1400;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 14px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    background: rgba(14, 14, 14, 0.86);
    color: #fff;
    backdrop-filter: blur(20px) saturate(160%);
    -webkit-backdrop-filter: blur(20px) saturate(160%);
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.28);
    cursor: pointer;
    font: 600 12px/1 "Jost", system-ui, sans-serif;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.theme-toggle:hover {
    transform: translateY(-1px);
}

.theme-toggle__dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ffd700, #daa520);
    box-shadow: 0 0 0 4px rgba(218, 165, 32, 0.16);
}

html[data-theme="light"] .theme-toggle {
    background: rgba(255, 252, 246, 0.94);
    color: var(--readable-body);
    border-color: rgba(92, 70, 33, 0.14);
    box-shadow: 0 14px 34px rgba(125, 100, 63, 0.16);
}

/* ── Light Mode Fixes for Hero Showcase Badge ── */
html[data-theme="light"] .hero-showcase-badge {
    background: rgba(0, 0, 0, 0.12) !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}
html[data-theme="light"] .hero-showcase-badge strong,
html[data-theme="light"] .hero-showcase-badge em {
    color: #000 !important;
}
html[data-theme="light"] .hero-showcase-badge span {
    color: #222 !important;
}

@media (max-width: 768px) {
    .theme-toggle {
        left: 14px;
        bottom: 14px;
        padding: 11px 12px;
        font-size: 11px;
    }
}