/* gphlab.ai light theme + theme toggle. Dark is the default look (defined in each page). */

/* ---------- Toggle (both themes) ---------- */
.theme-toggle{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:999px;border:1px solid var(--border);background:var(--surface);flex-shrink:0}
.theme-toggle button{width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:999px;background:transparent;color:var(--muted);cursor:pointer;padding:0;transition:background .15s,color .15s}
.theme-toggle button:hover{color:var(--fg)}
.theme-toggle button[aria-checked="true"]{background:var(--accent);color:#fff}
.theme-toggle button:focus-visible{outline:2px solid var(--accent-2);outline-offset:1px}
.nav-cta{gap:12px}
#mobile-menu .theme-toggle{align-self:center;margin:6px 0}
@media (max-width:1023px){.nav-cta .theme-toggle{display:none}}
@media (min-width:1024px){#mobile-menu .theme-toggle{display:none}}

/* ---------- Light theme tokens ---------- */
html[data-theme="light"]{
  --bg:#F7F7FB; --surface:#FFFFFF; --surface-2:#F1F0F8; --fg:#14151F; --muted:#575D70; --border:#E2E1EC;
  --accent:#5B4CF0; --accent-hover:#4A3BE0; --accent-2:#5446E0; --accent-3:#6E61F2; --on-accent:#ffffff;
  --gold:#5B4CF0; --gold-light:rgba(91,76,240,0.10); --bg-panel:#EFEEF7;
  --accent-glow:rgba(91,76,240,0.18); --accent-glow-soft:rgba(91,76,240,0.08);
  --shadow:0 1px 3px rgba(20,21,31,.06),0 8px 24px -12px rgba(20,21,31,.14);
  --shadow-lg:0 12px 40px -16px rgba(20,21,31,.22),0 2px 8px rgba(20,21,31,.06);
  --shadow-violet:0 10px 30px -10px rgba(91,76,240,.35);
  color-scheme:light;
}
html[data-theme="light"] body{background:var(--bg);color:var(--fg)}
html[data-theme="light"] ::selection{background:rgba(91,76,240,.18);color:var(--fg)}

/* Header */
html[data-theme="light"] header,html[data-theme="light"] #site-header{background:rgba(247,247,251,.86)!important;border-bottom-color:var(--border)!important}
html[data-theme="light"] header.scrolled{background:rgba(255,255,255,.94)!important;box-shadow:0 1px 0 var(--border),0 6px 20px -12px rgba(20,21,31,.18)!important}
html[data-theme="light"] nav.main-nav a{color:var(--muted)}
html[data-theme="light"] nav.main-nav a:hover,html[data-theme="light"] nav.main-nav a[aria-current="page"]{color:var(--fg);background:rgba(20,21,31,.05)}
html[data-theme="light"] .hamburger span{background:var(--fg)}
html[data-theme="light"] #mobile-menu{background:rgba(255,255,255,.98)}
html[data-theme="light"] #mobile-menu a{color:var(--fg)}

/* Hero decoration */
html[data-theme="light"] .hero-bg svg,html[data-theme="light"] .hero-bg rect{opacity:.12}
html[data-theme="light"] .hero-grid-lines{opacity:.35;filter:invert(1)}
html[data-theme="light"] :where([class*="hero"]) :where(h1,h2){text-shadow:none}

/* Buttons */
html[data-theme="light"] .btn-primary:hover,html[data-theme="light"] .btn-gold:hover{color:#fff}
html[data-theme="light"] .btn-gold{color:var(--accent);border-color:var(--accent)}
html[data-theme="light"] .btn-gold:hover{background:var(--accent)}

/* Cards and panels that used white-on-dark transparency */
html[data-theme="light"] .service-feature,html[data-theme="light"] .service-section:nth-of-type(even) .service-feature{background:var(--surface);border-color:var(--border)}
html[data-theme="light"] .panel-step{background:var(--surface-2);border-color:var(--border)}
html[data-theme="light"] .step-title,html[data-theme="light"] .how-it-works .section-header h2{color:var(--fg)}

/* Footer stays dark in both themes (brand anchor) */
html[data-theme="light"] footer{--bg:#09090D;--surface:#12141C;--surface-2:#1A1D2B;--fg:#FFFFFF;--muted:#A1A7B3;--border:#23263A;--accent-2:#9D94FF;--gold:#9D94FF;background:#09090D;color:#fff}

/* Forms */
html[data-theme="light"] input,html[data-theme="light"] select,html[data-theme="light"] textarea{color:var(--fg)}
html[data-theme="light"] input::placeholder,html[data-theme="light"] textarea::placeholder{color:#8A90A2}

/* Dark "islands": product mock-ups and feature cards keep their dark look on the light theme */
html[data-theme="light"] :is(.authority-panel,.funnel-panel,.chat-panel,.final-cta-inner,.process-panel,.hero-img-badge,.hero-badge,.tech-dashboard){
  --bg:#09090D;--bg-panel:#12141C;--surface:#12141C;--surface-2:#1A1D2B;--fg:#FFFFFF;--muted:#A1A7B3;--border:#23263A;
  --accent-2:#9D94FF;--accent-3:#C4BFFF;--gold:#9D94FF;--gold-light:rgba(91,76,240,0.18);
  color:#fff;
}
html[data-theme="light"] :is(.authority-panel,.funnel-panel,.chat-panel,.process-panel){background:linear-gradient(160deg,#1A1D2B,#101219)!important;border-color:#23263A!important}
html[data-theme="light"] .final-cta-inner .btn-gold{color:#C4BFFF;border-color:rgba(157,148,255,.5)}