/* Light theme + the shared header controls (Sign in, theme toggle).
   Pages define their colours as CSS variables, so most of the switch is just new values. */
html[data-theme="light"]{
  --bg:#f5f7fc; --bg2:#eaeffa; --panel:#ffffff; --panel2:#f1f4fb; --panel-2:#f1f4fb;
  --line:rgba(15,23,42,.13); --line-2:rgba(15,23,42,.07);
  --ink:#0f172a; --muted:#4f5f7f;
  --soft:#2a3a5e; --amber:#8a5200; --link:#2447c9; --tabon:#1f3fae;
  color-scheme:light;
}
html[data-theme="light"] body{color:var(--ink)}
html[data-theme="light"] header.nav{background:rgba(255,255,255,.88);border-bottom:1px solid var(--line)}
html[data-theme="light"] .hero h1{
  background-image:linear-gradient(100deg,#0f172a 18%,#2f55d4 40%,#6d3df0 55%,#0f172a 75%)}
html[data-theme="light"] .btn-ghost,
html[data-theme="light"] .pill{background:rgba(15,23,42,.05);color:var(--ink)}
html[data-theme="light"] .glass{
  background:linear-gradient(160deg,rgba(255,255,255,.95),rgba(255,255,255,.7));
  border-color:var(--line);box-shadow:0 8px 28px rgba(30,50,110,.08)}
html[data-theme="light"] .bar-track{background:rgba(15,23,42,.1)}
html[data-theme="light"] .card:hover{box-shadow:0 18px 44px rgba(75,123,255,.16)}
html[data-theme="light"] .logo,
html[data-theme="light"] .nav-links a:hover{color:var(--ink)}
html[data-theme="light"] .logo .ai{color:#0891b2}
html[data-theme="light"] .eyebrow{color:#3b5bdb}
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea{background:#fff;color:var(--ink);border-color:var(--line)}
html[data-theme="light"] ::placeholder{color:#7a88a6}
html[data-theme="light"] hr{border-color:var(--line)}

/* ---- shared header controls ---- */
.ia-signin{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:12px;
  border:1px solid var(--line);background:transparent;color:var(--ink);font-weight:700;font-size:14.5px;
  text-decoration:none;white-space:nowrap;margin-left:6px}
.ia-signin:hover{border-color:#4b7bff;color:#4b7bff}
.ia-theme{width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:transparent;
  color:var(--ink);font-size:18px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;
  justify-content:center;margin-left:6px;flex:none}
.ia-theme:hover{border-color:#4b7bff}
.ia-theme.float{position:fixed;left:14px;bottom:14px;z-index:90;background:var(--panel);
  box-shadow:0 6px 20px rgba(0,0,0,.25);margin:0}
.ia-hero-signin{margin-top:14px;font-size:14.5px;color:var(--muted)}
.ia-hero-signin a{color:#4b7bff;font-weight:700;text-decoration:underline}
@media(max-width:900px){.ia-signin{display:none}.ia-theme{margin-left:auto}.mn-btn{margin-left:6px !important}}
.ia-price-line{margin-top:16px;font-size:16px;color:var(--ink);font-weight:600}
.ia-price-line b{color:#4b7bff}
