/* Light theme (preview). Loaded only when $is_light_theme is set — the dark theme is untouched.
   Warm ivory surfaces, charcoal text and a deeper gold that stays legible on light backgrounds.
   Dark is kept for emphasis: the call-to-action band and the footer. */
body.theme-light {
    --lt-bg: #F7F4EE;
    --lt-surface: #FFFDF9;
    --lt-text: #1C1C1A;
    --lt-text-2: #4F4B44;
    --lt-text-3: #6F6A61;
    --lt-line: #E3DDD1;
    --lt-line-strong: #CFC7B8;
    --lt-gold: #A8792F;
    --lt-gold-hover: #8C6224;
    --lt-dark: #141516;
    background: var(--lt-bg);
    color: var(--lt-text);
}

/* Header and navigation */
body.theme-light .site-header,
body.theme-light .site-header.header-transformed { background-color: #F7F4EE !important; color: var(--lt-text) !important; border-bottom-color: var(--lt-line); }
body.theme-light .brand-link { color: var(--lt-text); }
body.theme-light .brand-link span { color: var(--lt-gold); }
body.theme-light .header-links a { color: var(--lt-text-2); }
body.theme-light .header-links a:hover, body.theme-light .header-links a[aria-current="page"], body.theme-light .header-links .contact-link { color: var(--lt-gold); }
body.theme-light .nav-toggle { color: var(--lt-text); }
@media (max-width: 760px) {
    body.theme-light .site-header .header-links { background: var(--lt-bg); border-bottom-color: var(--lt-line); }
    body.theme-light .site-header .header-links a { border-bottom-color: var(--lt-line); }
}

/* Type and shared elements */
body.theme-light .home-eyebrow { color: var(--lt-gold); }
body.theme-light .vz-home h2, body.theme-light .vz-home h3, body.theme-light .vz-hero h1 { color: var(--lt-text); }
body.theme-light .vz-hero h1 span { color: var(--lt-gold); }
body.theme-light .vz-lead { color: var(--lt-text-2); }
body.theme-light .home-primary { background: var(--lt-text); border-color: var(--lt-text); color: var(--lt-bg); }
body.theme-light .home-primary:hover { background: #33322F; border-color: #33322F; }
body.theme-light .home-secondary { color: var(--lt-text); border-color: var(--lt-line-strong); }
body.theme-light .home-secondary:hover { color: var(--lt-gold); border-color: var(--lt-gold); }
body.theme-light .project-tags li { color: var(--lt-text-2); border-color: var(--lt-line-strong); }
body.theme-light :is(a, button):focus-visible { outline-color: var(--lt-gold); }

/* Rings and monogram */
body.theme-light .vz-rings span { border-color: rgba(28, 28, 26, .13); }
body.theme-light .vz-rings span:nth-child(1) { border-color: rgba(168, 121, 47, .6); }
body.theme-light .vz-orbit-dot::after { background: var(--lt-gold); }
body.theme-light .vz-mark g { fill: var(--lt-text); }
body.theme-light .vz-mark circle[stroke] { stroke: var(--lt-gold); }
body.theme-light .vz-mark > circle:last-child { fill: var(--lt-gold); }

/* Sections */
body.theme-light .vz-facts, body.theme-light .vz-facts > div + div, body.theme-light .vz-section, body.theme-light .vz-why, body.theme-light .vz-why > div, body.theme-light .vz-why > div:nth-child(even) { border-color: var(--lt-line); }
body.theme-light .vz-facts strong { color: var(--lt-text); }
body.theme-light .vz-facts span, body.theme-light .vz-section-head > p { color: var(--lt-text-3); }
body.theme-light .vz-text-link { color: var(--lt-gold); }
body.theme-light .vz-text-link:hover { color: var(--lt-gold-hover); }
body.theme-light .vz-pillars article { background: var(--lt-surface); border-color: var(--lt-line); }
body.theme-light .vz-pillars span, body.theme-light .vz-steps span { color: var(--lt-gold); }
body.theme-light .vz-pillars p, body.theme-light .vz-steps p, body.theme-light .vz-why dd, body.theme-light .vz-work-copy > p:not(.home-eyebrow) { color: var(--lt-text-2); }
body.theme-light .vz-work { background: var(--lt-surface); border-color: var(--lt-line); }
body.theme-light .vz-work-image { background: #EFEAE1; border-color: var(--lt-line); }
body.theme-light .vz-steps li { border-top-color: var(--lt-line-strong); }
body.theme-light .vz-why dt { color: var(--lt-text); }
@media (max-width: 960px) { body.theme-light .vz-facts > div:nth-child(n+3) { border-top-color: var(--lt-line); } }

/* Dark emphasis: call to action and footer keep the original Venzoh look */
body.theme-light .vz-cta { margin: clamp(56px, 7vw, 88px) 0; padding: clamp(36px, 5vw, 56px); background: var(--lt-dark); border-radius: 6px; }
body.theme-light .vz-cta h2 { color: #eceae5; }
body.theme-light .vz-cta .home-eyebrow { color: #EABD7C; }
body.theme-light .vz-cta .home-primary { background: #EABD7C; border-color: #EABD7C; color: var(--lt-dark); }
body.theme-light .vz-cta .home-primary:hover { background: #f3cd98; border-color: #f3cd98; }
body.theme-light .vz-cta .home-secondary { color: #d4d4d4; border-color: #454545; }
body.theme-light .vz-cta .home-secondary:hover { color: #EABD7C; border-color: #EABD7C; }
body.theme-light .vz-footer { border-top: 0; background: var(--lt-dark); box-shadow: 0 0 0 100vmax var(--lt-dark); clip-path: inset(0 -100vmax); }
body.theme-light .vz-footer .brand-link { color: #e8e6e1; }
body.theme-light .vz-footer .brand-link span { color: #EABD7C; }

/* Services page */
body.theme-light .service-feature { background: var(--lt-surface); }
body.theme-light .service-plans, body.theme-light .service-plans li { border-color: var(--lt-line); }
body.theme-light .service-plans strong { color: var(--lt-text); }
body.theme-light .service-plans span { color: var(--lt-text-3); }
body.theme-light .service-plans em { color: var(--lt-gold); }
body.theme-light .also-grid li { border-color: var(--lt-line); background: var(--lt-surface); }
body.theme-light .also-grid h3 { color: var(--lt-text); }
body.theme-light .also-grid p { color: var(--lt-text-2); }
body.theme-light .also-tag { color: var(--lt-text-3); }
body.theme-light .also-grid a { color: var(--lt-gold); border-top-color: var(--lt-line); }

/* Plans page */
body.theme-light .plan-meta { color: var(--lt-text-3); border-top-color: var(--lt-line); }
body.theme-light .plan-demo { color: var(--lt-gold); }
body.theme-light .plan-demo-soon { color: var(--lt-text-3); }
body.theme-light .plans-demo-note { color: var(--lt-text); border-left-color: var(--lt-gold); background: var(--lt-surface); }

/* Selected work frames */
body.theme-light .vz-show-frame { background: var(--lt-surface); border-color: var(--lt-line); }
body.theme-light .vz-show-bar { border-bottom-color: var(--lt-line); background: #EFEAE1; }
body.theme-light .vz-show-bar i { background: var(--lt-line-strong); }
body.theme-light .vz-show-copy > p:not(.home-eyebrow) { color: var(--lt-text-2); }

/* About band on the homepage keeps the original charcoal look */
body.theme-light .vz-about-band h2 { color: #eceae5; }
body.theme-light .vz-about-band h2 span, body.theme-light .vz-about-band .home-eyebrow { color: #EABD7C; }

/* Opening animation */
body.theme-light .vz-intro { background: var(--lt-bg); }
body.theme-light .vz-intro-rings span { border-color: rgba(28, 28, 26, .13); }
body.theme-light .vz-intro-word { color: var(--lt-text); }
body.theme-light .vz-intro-word b { color: var(--lt-gold); }

/* Contact dialog */
body.theme-light .brand-dialog { background: var(--lt-surface); color: var(--lt-text); border-color: var(--lt-line-strong); }
body.theme-light .brand-dialog > p:not(.home-eyebrow) { color: var(--lt-text-2); }
body.theme-light .brand-dialog .contact-pending { color: var(--lt-gold); border-top-color: var(--lt-line); }
body.theme-light .dialog-close { color: var(--lt-text); }
body.theme-light .brand-dialog::backdrop { background: rgb(28 28 26 / 45%); }

/* ---------- Inner pages (shared refinements over theme-light-pages.css) ---------- */
html:has(body.theme-light) { background: #F7F4EE; }
html:has(body.theme-light.inner-page) { scrollbar-color: #F7F4EE #F7F4EE; }
html:has(body.theme-light.inner-page.is-scrolling) { scrollbar-color: #B8B0A2 #F7F4EE; }
html:has(body.theme-light.inner-page)::-webkit-scrollbar-track { background: #F7F4EE; }
html:has(body.theme-light.inner-page)::-webkit-scrollbar-thumb { background: #F7F4EE; }
html:has(body.theme-light.inner-page.is-scrolling)::-webkit-scrollbar-thumb { background: #B8B0A2; }

/* Call-to-action band on every page: the original dark Venzoh look, as on the homepage */
body.theme-light .work-contact { margin: clamp(48px, 6vw, 80px) 0; padding: clamp(32px, 5vw, 56px); background: var(--lt-dark); border: 0; border-radius: 6px; }
body.theme-light .work-contact h2 { color: #eceae5; }
body.theme-light .work-contact .home-eyebrow { color: #EABD7C; }
body.theme-light .work-contact .home-primary { background: #EABD7C; border-color: #EABD7C; color: var(--lt-dark); }
body.theme-light .work-contact .home-primary:hover { background: #f3cd98; border-color: #f3cd98; }
body.theme-light .work-contact .home-secondary { color: #d4d4d4; border-color: #454545; }
body.theme-light .work-contact .home-secondary:hover { color: #EABD7C; border-color: #EABD7C; }

/* Inner-page footer: dark, full width */
body.theme-light .work-footer { border-top: 0; background: var(--lt-dark); box-shadow: 0 0 0 100vmax var(--lt-dark); clip-path: inset(0 -100vmax); }
body.theme-light .work-footer .brand-link { color: #e8e6e1; }
body.theme-light .work-footer .brand-link span { color: #EABD7C; }
body.theme-light .work-footer > span { color: #92928f; }
body.theme-light .work-footer > a:last-child { color: #b4b4b4; }
body.theme-light .work-footer > a:last-child:hover { color: #EABD7C; }

/* Keep page-specific mobile rules that the generated file would otherwise override */
@media (max-width: 700px) {
    body.theme-light #nivox.project-card { background: transparent; }
}
body.theme-light .vz-intro { color: var(--lt-text); --logo-accent: var(--lt-gold); }
body.theme-light .vz-intro { --vi-track: rgba(28, 28, 26, .12); --vi-label: #6F6A61; }
body.theme-light .vz-hero .home-secondary { background-color: var(--lt-bg); }