/* Theme Toggle (FAB) + Light Theme support */

/* Floating action button appearance for theme toggle */
.theme-toggle{width:46px;height:46px;border-radius:50%;border:1px solid var(--border-subtle);background:var(--veil-1);display:grid;place-items:center;cursor:pointer;color:inherit;box-shadow:0 10px 26px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.25);transition:transform .08s ease}
.theme-toggle:hover{transform:translateY(-1px)}
.theme-toggle svg{width:22px;height:22px;display:block}
.icon-sun,.icon-moon{display:none}
html[data-theme="dark"] .icon-sun{display:block}
html[data-theme="light"] .icon-moon{display:block}

/* Light theme tokens + key overrides */
html[data-theme="light"]{
  /* Darken text for stronger contrast on light background */
  --text-primary:#111111; /* really dark grey */
  --text-muted:#000;     /* subtexts black in light mode */
  --surface:#646464; /* slightly darker than white */
  --border-subtle:rgba(0,0,0,.18);
  --veil-1:rgba(0,0,0,.06);
  background:radial-gradient(circle at 50% 30%, #b9b9b9 0%, #dddddd 60%, #b9b9b9 100%);
  color-scheme:light;
}
/* Nav: ensure readable black text in light mode */
html[data-theme="light"] header.nav,
html[data-theme="light"] header.nav .nav-inner,
html[data-theme="light"] header.nav .nav-links,
html[data-theme="light"] header.nav .nav-link,
html[data-theme="light"] header.nav .brand-name,
html[data-theme="light"] header.nav .brand-sub,
html[data-theme="light"] header.nav .tel{color:#000}
/* Mobile dropdown menu items */
html[data-theme="light"] .nav.is-open .nav-links{color:#000}
html[data-theme="light"] .hamburger span{background:rgba(0,0,0,.85)}
html[data-theme="light"] .tel{border-color:rgba(0,0,0,.12)}
html[data-theme="light"] .hero-copy{color:#ffffff}
html[data-theme="light"] .hero-proof{color:#ffffff}
html[data-theme="light"] .t-meta{color:#000}
html[data-theme="light"] .deck-btn{color:#fff;border-color:rgba(0,0,0,.18);background:linear-gradient(135deg,rgba(0,0,0,.06),rgba(0,0,0,.02))}
html[data-theme="light"] .genie-banner{color:#ffffff}
html[data-theme="light"] .input,html[data-theme="light"] .file,html[data-theme="light"] textarea.input{color:#fff;background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.12)}
html[data-theme="light"] .nav.is-open .nav-links{background:#fff;border:1px solid rgba(0,0,0,.14)}
html[data-theme="light"] .btn-ghost{border-color:rgba(0,0,0,.12);background:rgba(0,0,0,.03)}
html[data-theme="light"] .chip{border-color:rgba(0,0,0,.12);background:rgba(0,0,0,.03)}
html[data-theme="light"] .chip:hover, html[data-theme="light"] .chip:focus{background:rgba(0,0,0,.06);border-color:rgba(0,0,0,.2);box-shadow:inset 0 0 12px rgba(0,0,0,.04)}

/* Softer glass surfaces in light mode for separation without glare */
html[data-theme="light"] .glass{background:linear-gradient(to bottom right,rgba(0,0,0,.05),rgba(0,0,0,.02))}
html[data-theme="light"] .glass-xl{background:linear-gradient(to bottom right,rgba(0,0,0,.07),rgba(0,0,0,.03))}
html[data-theme="light"] .card{border-color:rgba(0,0,0,.14)}

/* Tone down animated background in light mode */
html[data-theme="light"] .flow-bg{filter:saturate(.9) brightness(.96); opacity:.9}
/* Make parallax notably lighter in Light mode */
html[data-theme="light"] .flow-bg{
  /* Soften colors and lift luminance */
  filter: saturate(0.45) brightness(1.55) contrast(0.98);
  opacity: .48;
}
/* Reduce rotating shadow wedge intensity */
html[data-theme="light"] .flow-bg::before{opacity:.04}
/* Lighten the fixed vignette overlay */
html[data-theme="light"] .fixed-bg::after{
  background: radial-gradient(140rem 140rem at 50% 50%, rgba(0,0,0,0) 45%, rgba(0,0,0,.02) 100%);
}
/* Reduce glass sheen intensity in light mode */
html[data-theme="light"] .flow-bg::after{ opacity:.18 }