/* Manoj Builds v66 — one shared theme system for every page */
:root{
  --mb-bg-dark:#07101f;--mb-bg-dark-2:#0b1426;--mb-surface-dark:#111b30;--mb-surface-dark-2:#162139;
  --mb-text-dark:#f4f7ff;--mb-muted-dark:#aab6cc;--mb-line-dark:rgba(127,159,214,.28);
  --mb-bg-light:#f5f8fd;--mb-bg-light-2:#ffffff;--mb-surface-light:#ffffff;--mb-surface-light-2:#eef3fb;
  --mb-text-light:#16223a;--mb-muted-light:#61708b;--mb-line-light:rgba(53,88,150,.20);
}
html[data-theme="dark"]{
  color-scheme:dark;
  --bg:var(--mb-bg-dark);--bg2:var(--mb-bg-dark-2);--surface:var(--mb-surface-dark);--surface2:var(--mb-surface-dark-2);
  --card:rgba(17,27,48,.92);--panel:var(--mb-surface-dark);--ink:var(--mb-text-dark);--text:var(--mb-text-dark);
  --muted:var(--mb-muted-dark);--line:var(--mb-line-dark);--paper:var(--mb-text-dark);
}
html[data-theme="light"]{
  color-scheme:light;
  --bg:var(--mb-bg-light);--bg2:var(--mb-bg-light-2);--surface:var(--mb-surface-light);--surface2:var(--mb-surface-light-2);
  --card:rgba(255,255,255,.94);--panel:var(--mb-surface-light);--ink:var(--mb-text-light);--text:var(--mb-text-light);
  --muted:var(--mb-muted-light);--line:var(--mb-line-light);--paper:var(--mb-text-light);
}
html[data-theme="dark"] body{background-color:var(--mb-bg-dark)!important;color:var(--mb-text-dark);}
html[data-theme="light"] body{background-color:var(--mb-bg-light)!important;color:var(--mb-text-light);}

/* Shared portfolio ambience */
html[data-theme="light"] body.mb-ambient-art{
  background:radial-gradient(circle at 12% 18%,rgba(62,216,255,.13),transparent 25%),radial-gradient(circle at 86% 15%,rgba(139,92,246,.09),transparent 28%),radial-gradient(circle at 72% 76%,rgba(247,146,25,.09),transparent 28%),linear-gradient(135deg,#fbfdff 0%,#eef4fc 45%,#fff8f4 100%)!important;
}
html[data-theme="dark"] body.mb-ambient-art{
  background:radial-gradient(circle at 10% 18%,rgba(41,173,255,.08),transparent 28%),radial-gradient(circle at 88% 18%,rgba(139,92,246,.06),transparent 28%),linear-gradient(135deg,#06101d 0%,#07101f 46%,#120d14 100%)!important;
}
html[data-theme="light"] .top-center-nav{background:rgba(255,255,255,.92)!important;border-color:var(--mb-line-light)!important;box-shadow:0 10px 28px rgba(25,48,86,.10)!important}
html[data-theme="light"] .top-center-nav a{color:#5d6c88!important}
html[data-theme="light"] .top-center-nav a:hover{color:#14203a!important;background:rgba(43,107,255,.07)!important}
html[data-theme="light"] .top-center-nav a[aria-current="page"]{color:#0b1226!important}
html[data-theme="light"] .build-caption{background:linear-gradient(135deg,#fff,#f2f6fd)!important;border-color:var(--mb-line-light)!important;box-shadow:0 10px 26px rgba(30,55,95,.09)!important}
html[data-theme="light"] .build-caption strong{color:#16223a!important;text-shadow:none!important}
html[data-theme="light"] .build-caption span{color:#62708a!important}
html[data-theme="light"] .brand-floater,html[data-theme="light"] .mb-brand-floater{background:rgba(255,255,255,.94)!important;border-color:var(--mb-line-light)!important;box-shadow:0 12px 30px rgba(35,61,103,.12)!important}
html[data-theme="light"] .mb-ambient-icon{opacity:.17;filter:saturate(.88) brightness(.9) drop-shadow(0 8px 18px rgba(35,55,85,.08))}

/* v85 — universal light/dark system
   Default: automatic by visitor's local browser time (06:00–17:59 light, 18:00–05:59 dark).
   Customer control: one simple toggle only. */
html[data-theme="dark"]{
  color-scheme:dark;
  --bg:#07101f;
  --bg2:#0b1426;
  --surface:#111b30;
  --surface2:#162139;
  --card:rgba(17,27,48,.94);
  --panel:#111b30;
  --ink:#f4f7ff;
  --text:#f4f7ff;
  --muted:#aab6cc;
  --line:rgba(127,159,214,.28);
  --paper:#f4f7ff;
}
html[data-theme="light"]{
  color-scheme:light;
  --bg:#f5f8fd;
  --bg2:#ffffff;
  --surface:#ffffff;
  --surface2:#eef3fb;
  --card:rgba(255,255,255,.96);
  --panel:#ffffff;
  --ink:#16223a;
  --text:#16223a;
  --muted:#61708b;
  --line:rgba(53,88,150,.20);
  --paper:#16223a;
}
html[data-theme="dark"] body{background-color:#07101f!important;color:#f4f7ff}
html[data-theme="light"] body{background-color:#f5f8fd!important;color:#16223a}

/* Customer-facing theme toggle: no menu, no Auto/Light/Dark options. */
.theme-toggle,.theme-switch,.dark-mode-toggle,.light-mode-toggle,[data-theme-toggle],
.mb-theme-floater,.mb-theme-menu,.mb-theme-option{display:none!important}

.mb-theme-toggle{
  position:fixed;
  right:18px;
  bottom:86px;
  z-index:2147482500;
  width:58px;
  height:32px;
  padding:0;
  border:1px solid rgba(142,160,194,.30);
  border-radius:999px;
  background:transparent;
  box-shadow:0 10px 30px rgba(0,0,0,.18);
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
.mb-theme-toggle-track{
  position:absolute;
  inset:0;
  overflow:hidden;
  border-radius:inherit;
  display:block;
  background:#10192a;
  transition:.25s ease;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.mb-theme-toggle-knob{
  position:absolute;
  top:3px;
  left:3px;
  width:24px;
  height:24px;
  border-radius:50%;
  background:#ffffff;
  box-shadow:0 3px 10px rgba(0,0,0,.24);
  transition:.25s ease;
}
.mb-theme-toggle-icon{
  position:absolute;
  right:9px;
  top:50%;
  transform:translateY(-52%);
  color:#dce8ff;
  font:700 14px/1 system-ui,sans-serif;
  transition:.25s ease;
}
html[data-theme="light"] .mb-theme-toggle-track{background:#dfeaff}
html[data-theme="light"] .mb-theme-toggle-knob{
  left:29px;
  background:#fff;
}
html[data-theme="light"] .mb-theme-toggle-icon{
  right:auto;
  left:9px;
  color:#a55b00;
}
.mb-theme-toggle:focus-visible{
  outline:3px solid #5ed8ff;
  outline-offset:3px;
}
.mb-theme-toggle:hover .mb-theme-toggle-track{filter:brightness(1.08)}

@media(max-width:700px){
  .mb-theme-toggle{
    right:12px;
    bottom:70px;
    width:54px;
    height:30px;
  }
  .mb-theme-toggle-knob{width:22px;height:22px}
  html[data-theme="light"] .mb-theme-toggle-knob{left:27px}
}

/* Core portfolio */
html[data-theme="light"] body.mb-ambient-art{
  background:
    radial-gradient(circle at 12% 18%,rgba(62,216,255,.12),transparent 25%),
    radial-gradient(circle at 86% 15%,rgba(139,92,246,.08),transparent 28%),
    radial-gradient(circle at 72% 76%,rgba(247,146,25,.08),transparent 28%),
    linear-gradient(135deg,#fbfdff 0%,#eef4fc 45%,#fff8f4 100%)!important;
}
html[data-theme="dark"] body.mb-ambient-art{
  background:
    radial-gradient(circle at 10% 18%,rgba(41,173,255,.08),transparent 28%),
    radial-gradient(circle at 88% 18%,rgba(139,92,246,.06),transparent 28%),
    linear-gradient(135deg,#06101d 0%,#07101f 46%,#120d14 100%)!important;
}
html[data-theme="light"] .top-center-nav{
  background:rgba(255,255,255,.92)!important;
  border-color:rgba(53,88,150,.20)!important;
  box-shadow:0 10px 28px rgba(25,48,86,.10)!important
}
html[data-theme="light"] .top-center-nav a{color:#5d6c88!important}
html[data-theme="light"] .top-center-nav a[aria-current="page"]{color:#0b1226!important}
html[data-theme="light"] .venture-card,
html[data-theme="light"] .build-card{
  background:rgba(255,255,255,.94)!important;
  border-color:rgba(53,88,150,.18)!important;
}

/* ZUVX business + prototype */
html[data-theme="light"] body[data-zuvx-page="business"]{
  --bg:#f7f5ff;--bg2:#ffffff;--card:rgba(255,255,255,.78);--text:#171326;
  --muted:#665f77;--line:rgba(73,54,112,.16);--shadow:0 26px 70px rgba(79,60,121,.14);
  background:
    radial-gradient(circle at 15% 8%,rgba(255,43,214,.10),transparent 24%),
    radial-gradient(circle at 86% 12%,rgba(255,210,49,.10),transparent 18%),
    radial-gradient(circle at 75% 55%,rgba(99,102,241,.08),transparent 23%),
    #f7f5ff!important;
  color-scheme:light!important;
}
html[data-theme="light"] body[data-zuvx-page="prototype"]{
  --bg:#f8f7fc;--surface:#ffffff;--surface2:#f0edf7;--text:#181322;
  --muted:#665f76;--line:rgba(72,54,108,.16);--shadow:0 24px 65px rgba(60,45,93,.14);
  color-scheme:light!important;
}
html[data-theme="light"] body[data-zuvx-page="prototype"] .site-header,
html[data-theme="light"] body[data-zuvx-page="business"] header{
  background:rgba(250,248,255,.88)!important;
  border-color:rgba(72,54,108,.14)!important;
}
html[data-theme="light"] body[data-zuvx-page="prototype"] .card,
html[data-theme="light"] body[data-zuvx-page="prototype"] .panel,
html[data-theme="light"] body[data-zuvx-page="business"] .card,
html[data-theme="light"] body[data-zuvx-page="business"] .panel{
  background:rgba(255,255,255,.88)!important;
  border-color:rgba(72,54,108,.14)!important;
}

/* Vikram already uses variables; reinforce both states */
html[data-theme="light"] body[data-zuvx-page="vikram"]{
  --bg:#f7f2ea;--surface:#fffdfa;--surface2:#efe7dc;--ink:#14202a;--muted:#62707a;
  --accent:#b66a32;--line:#ddd3c7;--shadow:0 14px 36px rgba(44,35,25,.08)
}
html[data-theme="dark"] body[data-zuvx-page="vikram"]{
  --bg:#08131c;--surface:#0f1b25;--surface2:#13232f;--ink:#f6efe5;--muted:#aeb9c3;
  --accent:#ef853e;--line:#283a48;--shadow:0 18px 44px rgba(0,0,0,.28)
}

/* Meera — original design is light, so create a proper dark counterpart */
html[data-theme="dark"] body[data-zuvx-page="meera"]{
  --paper:#120c11;--ink:#fff1f6;--burg:#ff9abe;--pink:#ff5b9a;--night:#080608;
  --cream:#4a303a;--line:#442d36;--muted:#c9b2bb;--shadow:0 24px 65px rgba(0,0,0,.34);
  background:#120c11!important;color:#fff1f6!important;
}
html[data-theme="dark"] body[data-zuvx-page="meera"] .topbar{
  background:rgba(20,13,18,.92)!important;border-color:rgba(255,255,255,.10)!important
}
html[data-theme="dark"] body[data-zuvx-page="meera"] .hero{
  background:
    radial-gradient(circle at 90% 4%,rgba(239,59,124,.18) 0,transparent 27%),
    linear-gradient(135deg,#171014 0 54%,#27141d 54%)!important;
}
html[data-theme="dark"] body[data-zuvx-page="meera"] .profile,
html[data-theme="dark"] body[data-zuvx-page="meera"] .selves{
  background:#171014!important;
}
html[data-theme="dark"] body[data-zuvx-page="meera"] .traits span,
html[data-theme="dark"] body[data-zuvx-page="meera"] .soft{
  background:#21171d!important;color:#fff1f6!important;border-color:#442d36!important;
}
html[data-theme="dark"] body[data-zuvx-page="meera"] .intro,
html[data-theme="dark"] body[data-zuvx-page="meera"] .lead{color:#c9b2bb!important}

/* Meera mature gallery — original is dark; provide a restrained light counterpart */
html[data-theme="light"] body[data-zuvx-page="meera-adult"]{
  background:#fff7f9!important;color:#321a25!important;
}
html[data-theme="light"] body[data-zuvx-page="meera-adult"] .adult-top,
html[data-theme="light"] body[data-zuvx-page="meera-adult"] .adult-side,
html[data-theme="light"] body[data-zuvx-page="meera-adult"] .stage-caption{
  background:rgba(255,249,251,.92)!important;color:#321a25!important;border-color:rgba(113,24,59,.16)!important;
}
html[data-theme="light"] body[data-zuvx-page="meera-adult"] .adult-note{color:#725b64!important}

/* Latha — original design is dark, add a warm light theme without changing her imagery */
html[data-theme="light"] body[data-zuvx-page="latha"]{
  --bg:#fff8f3;--bg2:#f8eee7;--panel:#ffffff;--panel2:#f7ebe5;--ink:#3c2523;
  --muted:#806a61;--rose:#c94f66;--rose2:#df7181;--gold:#9b6b2f;--cream:#5b3e33;
  --line:rgba(105,70,55,.14);--line2:rgba(105,70,55,.26);--shadow:0 24px 70px rgba(88,55,42,.14);
  background:#fff8f3!important;color:#3c2523!important;
}
html[data-theme="light"] body[data-zuvx-page="latha"] .site-header{
  background:linear-gradient(to bottom,rgba(255,248,243,.96),rgba(255,248,243,.65),transparent)!important
}
html[data-theme="light"] body[data-zuvx-page="latha"] .site-header.scrolled{
  background:rgba(255,248,243,.94)!important;border-color:rgba(105,70,55,.14)!important
}
html[data-theme="light"] body[data-zuvx-page="latha"] .site-nav a,
html[data-theme="light"] body[data-zuvx-page="latha"] .brand span{color:#6e554d!important}
html[data-theme="light"] body[data-zuvx-page="latha"] .pill,
html[data-theme="light"] body[data-zuvx-page="latha"] .after-dark{
  background:rgba(255,255,255,.70)!important;color:#3c2523!important;border-color:rgba(105,70,55,.18)!important
}
html[data-theme="light"] body[data-zuvx-page="latha"] .meet,
html[data-theme="light"] body[data-zuvx-page="latha"] .shades,
html[data-theme="light"] body[data-zuvx-page="latha"] .worlds,
html[data-theme="light"] body[data-zuvx-page="latha"] .portfolio,
html[data-theme="light"] body[data-zuvx-page="latha"] .little-truths,
html[data-theme="light"] body[data-zuvx-page="latha"] .closing{
  background:#fff8f3!important;color:#3c2523!important;
}
html[data-theme="light"] body[data-zuvx-page="latha"] .issue-card,
html[data-theme="light"] body[data-zuvx-page="latha"] .truth-card,
html[data-theme="light"] body[data-zuvx-page="latha"] .note-stack{
  background:#ffffff!important;color:#3c2523!important;border-color:rgba(105,70,55,.14)!important;
}

/* Generic prototype/dashboard surfaces: only affects declared theme variables, preserving brand imagery. */
html[data-theme="light"] .panel,
html[data-theme="light"] .card,
html[data-theme="light"] .content-card{
  border-color:rgba(53,88,150,.16);
}

/* v92 — move the single theme toggle away from WhatsApp/content controls. */
.mb-theme-toggle{
  top:96px!important;
  right:14px!important;
  bottom:auto!important;
  left:auto!important;
  transform:none!important;
}
@media(max-width:700px){
  .mb-theme-toggle{
    top:auto!important;
    right:12px!important;
    bottom:76px!important;
  }
}

/* v101 — place Light/Dark toggle inside the top navigation whenever a top menu exists. */
.top-center-nav .mb-theme-toggle,
.mb-theme-toggle.mb-theme-toggle--nav{
  position:relative!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  flex:0 0 auto;
  width:52px!important;
  height:30px!important;
  margin:0 2px 0 4px!important;
  transform:none!important;
  box-shadow:none!important;
  vertical-align:middle;
}
.top-center-nav .mb-theme-toggle-track{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.06);
}
html[data-theme="light"] .top-center-nav .mb-theme-toggle-track{
  background:#e7eefb;
  border-color:rgba(53,88,150,.12);
}
.top-center-nav .mb-theme-toggle-knob{width:22px;height:22px;top:3px;left:3px}
html[data-theme="light"] .top-center-nav .mb-theme-toggle-knob{left:25px}
.top-center-nav .mb-theme-toggle-icon{font-size:12px;right:8px}
html[data-theme="light"] .top-center-nav .mb-theme-toggle-icon{left:8px;right:auto}

@media(max-width:700px){
  .top-center-nav .mb-theme-toggle,
  .mb-theme-toggle.mb-theme-toggle--nav{
    width:46px!important;
    height:28px!important;
    margin-left:1px!important;
  }
  .top-center-nav .mb-theme-toggle-knob{width:20px;height:20px;top:3px;left:3px}
  html[data-theme="light"] .top-center-nav .mb-theme-toggle-knob{left:21px}
  .top-center-nav .mb-theme-toggle-icon{font-size:11px;right:7px}
  html[data-theme="light"] .top-center-nav .mb-theme-toggle-icon{left:7px}
}