/* The marketing surface supports both themes. The embedded product stays dark. */
:root[data-theme="light"] {
  --color-onyx-canvas: #f3f6f9;
  --color-graphite-card: #ffffff;
  --color-obsidian-button: #e7ecf2;
  --color-slate-border: #8793a1;
  --color-mist-border: #d6dee7;
  --color-ash-text: #56616e;
  --color-ivory-text: #202731;
  --color-cobalt: #5266eb;
  --color-pure-white: #ffffff;
}

:root[data-theme="light"] body {
  background: var(--color-onyx-canvas);
  color: var(--color-ivory-text);
}

:root[data-theme="light"] * { scrollbar-color: #aeb8c4 #e8edf2; }
:root[data-theme="light"] input { caret-color: #202731; }
:root[data-theme="light"] ::selection { background: #5266eb; color: #ffffff; }

[data-theme-toggle] {
  min-width: 44px;
  min-height: 44px;
  padding: 0 12px;
  border: 1px solid rgb(237 237 243 / 0.28);
  border-radius: 999px;
  background: rgb(23 23 33 / 0.28);
  color: inherit;
  font-size: 12px;
  line-height: 1;
  transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
}

[data-theme-toggle]:hover { background: rgb(39 39 53 / 0.8); }
[data-theme-toggle]:active { transform: translateY(1px); }

:root[data-theme="light"] [data-theme-toggle] {
  border-color: #aeb9c6;
  background: rgb(255 255 255 / 0.72);
  color: #242c36;
}

:root[data-theme="light"] [data-theme-toggle]:hover { background: #ffffff; }

:root[data-theme="light"] .site-nav { color: #202731; }
:root[data-theme="light"] .site-nav.scrolled,
:root[data-theme="light"] .feature-page .site-nav {
  border-bottom-color: #d7dfe8;
  background: rgb(246 249 252 / 0.91);
  box-shadow: 0 1px 0 rgb(40 53 68 / 0.04);
}
:root[data-theme="light"] .site-nav nav a:hover,
:root[data-theme="light"] .feature-dropdown > summary:hover { color: #4054d4; }
:root[data-theme="light"] .site-nav nav a[aria-current] { text-decoration-color: #5266eb; }

:root[data-theme="light"] .hero-copy,
:root[data-theme="light"] .hero-bottom { color: #17212c; }
:root[data-theme="light"] .hero-shade {
  background: linear-gradient(180deg, rgb(247 250 253 / 0.72) 0%, rgb(244 248 252 / 0.68) 40%, rgb(240 246 250 / 0.24) 61%, rgb(233 240 245 / 0.38) 80%, rgb(237 243 247 / 0.82) 100%);
}
:root[data-theme="light"] .invite-tag {
  border-color: rgb(30 42 54 / 0.3);
  background: rgb(255 255 255 / 0.48);
}
:root[data-theme="light"] .bison-api-note img,
:root[data-theme="light"] .tutorial-bison { filter: invert(1); }
:root[data-theme="light"] .dashboard-caption > span,
:root[data-theme="light"] .dashboard-caption p { color: #596573; }
:root[data-theme="light"] .dashboard-world { background: #171721; }

:root[data-theme="light"] .skip-link { background: #ffffff; color: #202731; }

:root[data-theme="light"] .feature-page { --feature-line: #d4dde7; }
:root[data-theme="light"] .feature-page .feature-name,
:root[data-theme="light"] .feature-page .back-link,
:root[data-theme="light"] .feature-page .availability,
:root[data-theme="light"] .feature-page .feature-details dd,
:root[data-theme="light"] .feature-page .feature-footer > span,
:root[data-theme="light"] .feature-page .feature-product figcaption,
:root[data-theme="light"] .feature-page .feature-screenshot figcaption { color: #66717e; }
:root[data-theme="light"] .feature-page .feature-process li { border-top-color: #5266eb; }
:root[data-theme="light"] .feature-page .feature-details .lifecycle dt::before { background: #5266eb; }
:root[data-theme="light"] .feature-page :is(.feature-link, .feature-entries a):hover { color: #354bc9; }
:root[data-theme="light"] .feature-page .resource-list .feature-link { color: #4054d4; }
:root[data-theme="light"] .feature-page .tutorial-steps article::before { color: #4054d4; }
:root[data-theme="light"] .feature-page .feature-product iframe { background: #171721; }

:root[data-theme="light"] .feature-dropdown > summary:focus-visible { outline-color: #202731; }
:root[data-theme="light"] .feature-dropdown[open] > summary { color: #4054d4; }
:root[data-theme="light"] .feature-dropdown-panel {
  border-color: #cbd5e0;
  background: #ffffff;
  box-shadow: 0 18px 48px rgb(45 58 73 / 0.16);
}
:root[data-theme="light"] .site-nav nav .feature-dropdown-panel a:hover,
:root[data-theme="light"] .site-nav nav .feature-dropdown-panel a:focus-visible { background: #e9eef4; color: #202731; }
:root[data-theme="light"] .site-nav nav .feature-dropdown-panel .feature-dropdown-all { border-bottom-color: #d4dde7; }
:root[data-theme="light"] .site-nav nav .feature-dropdown-panel a[aria-current="page"] { text-decoration-color: #5266eb; }

:root[data-theme="light"] .ml-sections {
  --ml-canvas: #f3f6f9;
  --ml-card: #ffffff;
  --ml-control: #e8edf3;
  --ml-text: #202731;
  --ml-body: #4f5a67;
  --ml-muted: #596573;
  --ml-accent: #5266eb;
  --ml-accent-strong: #4054d4;
  --ml-danger: #a93f3c;
  --ml-clear: #2f7c4b;
  --ml-border: #d8e0e8;
  --ml-border-strong: #bbc6d2;
}
:root[data-theme="light"] .ml-sections .ml-observability { background: #edf2f6; }
:root[data-theme="light"] .ml-sections .ml-alert-workspace { box-shadow: 0 24px 70px rgb(45 58 73 / 0.12); }
:root[data-theme="light"] .ml-sections .ml-comparison-table :is(thead, tbody) tr > :first-child { background: var(--ml-canvas); }
:root[data-theme="light"] .ml-sections .ml-comparison-table .ml-legion-column { border-left-color: rgb(255 255 255 / .14); background: var(--halo-accent); color: #ffffff; }
:root[data-theme="light"] .ml-sections .ml-bison-field {
  background: radial-gradient(110% 90% at 0% 0%, rgb(139 154 255 / .6) 0%, rgb(139 154 255 / 0) 62%), var(--halo-accent);
  color: #ffffff;
}
:root[data-theme="light"] .ml-sections .ml-bison-field > img { filter: none; }
:root[data-theme="light"] .ml-sections .ml-bison-field :is(.ml-stage-rail, .ml-bison-status) { border-color: rgb(255 255 255 / 0.28); }
:root[data-theme="light"] .ml-sections .ml-bison-field :is(.ml-stage-rail, .ml-bison-status small) { color: #ffffff; }
:root[data-theme="light"] .ml-sections .ml-button { color: #ffffff; }
:root[data-theme="light"] .ml-sections .ml-footer { background: #e9eef4; }
:root[data-theme="light"] .ml-sections .ml-mike-frame button {
  border-color: rgb(255 255 255 / 0.54);
  background: rgb(26 31 39 / 0.84);
  color: #ffffff;
}
:root[data-theme="light"] .ml-sections ::selection { background: #5266eb; color: #ffffff; }

@media (max-width: 760px) {
  .site-nav .nav-actions { gap: 6px; }
  .site-nav [data-theme-toggle] { width: 44px; padding-inline: 0; }
  .site-nav .nav-actions .button { padding-inline: 8px; gap: 5px; white-space: nowrap; }
  :root[data-theme="light"] .site-nav,
  :root[data-theme="light"] .site-nav.scrolled,
  :root[data-theme="light"] .feature-page .site-nav { background: rgb(246 249 252 / 0.96); }
  :root[data-theme="light"] .site-nav nav,
  :root[data-theme="light"] .site-nav nav.open { border-top-color: #d7dfe8; }
}

@media (max-width: 350px) {
  .site-nav .nav-actions .button { padding-inline: 8px; font-size: 11px; }
  .site-nav [data-theme-toggle] { font-size: 11px; }
}

@media (prefers-reduced-motion: reduce) {
  [data-theme-toggle] { transition-duration: 0.01ms; }
}

/* Real app screenshots ship in both themes; show the one matching the site. */
.app-shot-light { display: none !important; }
:root[data-theme="light"] .app-shot-light { display: block !important; }
:root[data-theme="light"] .app-shot-dark { display: none !important; }