/* Dark mode for the marketing site (same palette as apps/platform's .dark).
   Loaded by every page after its own inline <style>; theme.js toggles the
   `dark` class on <html>. Only overrides what the inline styles hardcode. */
html.dark{
  color-scheme:dark;
  --bg:#0b0f1a;
  --bg-alt:#131826;
  --ink:#e8eaf2;
  --ink-soft:#a1a8bd;
  --line:#262c3f;
  --accent:#6c70f2;
  --accent-soft:#1e2140;
  --accent-2:#2dd4bf;
  --on-ink:#0b0f1a; /* text on ink-filled elements: the inverse of --ink */
}
.dark header{background:rgba(11,15,26,.85);}
.dark .nav-links{background:#0b0f1a;}
.dark .menu-toggle{color:var(--ink);}
.dark .chat-card,.dark .stat-pill,.dark .feature-card{background:#161b2a;box-shadow:0 20px 40px -20px rgba(0,0,0,.6);}
.dark .chat-row.me .chat-avatar{background:#3a4160;}
/* Standard: anything filled with --ink uses --on-ink for its text (see brand/design-system.md).
   The inline styles hardcode #fff, which is unreadable on the light ink of dark mode. */
.dark .nav-cta,.dark .nav-links a.nav-cta,.dark .btn-primary,.dark .step .step-num{background:var(--ink);color:var(--on-ink);}
.dark .nav-cta:hover,.dark .nav-links a.nav-cta:hover,.dark .btn-primary:hover{background:var(--accent);color:#fff;}
.dark .quote-section{background:#161b2a;border:1px solid var(--line);color:var(--ink);}
.dark .quote-section cite{color:var(--ink-soft);}
.dark .cta-final .wrap{background:linear-gradient(135deg,var(--accent-soft),#131826);}
.dark input,.dark textarea,.dark select{background:#161b2a;color:var(--ink);border-color:var(--line);}
.dark .form-error{color:#f87171;}

.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;
  background:none;border:none;cursor:pointer;color:var(--ink-soft);margin-left:8px;transition:background .15s,color .15s;}
.theme-toggle:hover{background:var(--bg-alt);color:var(--ink);}
.theme-toggle svg{display:block;}

/* Logo isotype body is hard-coded #0f1420 in the inline SVG -- invisible on dark.
   Brand rule (brand/design-system.md): the dark ink part of the logo follows --ink. */
.dark .logo svg rect[fill="#0f1420"]{fill:var(--ink)}