/* #579: the public preview is light by default. Loaded only behind the existing
   PUBLIC_DARK_SIMPLE_LIVE gate. Images, iframes and the assistant shadow root
   retain their own appearance. Exact colors belong to brand-tokens.json. */
/* @generated:start public-preview */
/* Source: flagship-site/src/data/brand-tokens.json; do not hand-edit. */
html[data-site-version="midnight-marble"][data-design="dark-simple"] {
  --mm-midnight: var(--mm-public-card);
  --mm-midnight-deep: var(--mm-public-ground);
  --mm-midnight-soft: var(--mm-public-raised);
  --mm-slate: var(--mm-public-raised);
  --mm-slate-raised: var(--mm-public-card);
  --mm-mineral: var(--mm-public-ink);
  --mm-mineral-soft: var(--mm-public-body);
  --mm-muted: var(--mm-public-muted);
  --mm-line: var(--mm-public-line);
  --mm-line-strong: var(--mm-public-control-line);
  --mm-signal: var(--mm-public-signal);
  --mm-signal-hover: var(--mm-public-signal-hover);
  --mm-signal-ink: var(--mm-public-card);
  --mm-guide: var(--mm-public-guide);
  --mm-guide-hover: var(--mm-public-guide-hover);
  --mm-guide-ink: var(--mm-public-card);
  --mm-text-strong: var(--mm-mineral);
  --mm-text-display: var(--mm-mineral);
  --mm-text-body: var(--mm-mineral-soft);
  --mm-text-muted: var(--mm-muted);
  --mm-text-accent: var(--mm-signal);
  --mm-text-guide: var(--mm-guide-hover);
  --mm-text-on-accent: var(--mm-signal-ink);
  --mm-text-light-strong: var(--mm-light-ink);
  --mm-text-light-body: var(--mm-light-muted);
  --mm-text-preview: var(--mm-preview-muted);
  --mm-guide-strong: var(--mm-text-strong);
  --mm-guide-soft: var(--mm-text-body);
  --mm-guide-muted: var(--mm-text-muted);
  --mm-guide-surface: var(--mm-midnight-soft);
  --mm-guide-surface-raised: var(--mm-slate-raised);
}
html[data-site-version="midnight-marble"][data-design="dark-simple"] :is(.footer, .dash) {
  --mm-midnight: #121c26;
  --mm-midnight-deep: #0b1218;
  --mm-midnight-soft: #182533;
  --mm-slate: #1c2b38;
  --mm-slate-raised: #202f3c;
  --mm-mineral: #f1f4f2;
  --mm-mineral-soft: #c4ced6;
  --mm-muted: #9aa6b1;
  --mm-line: rgba(178, 196, 212, 0.16);
  --mm-line-strong: rgba(178, 196, 212, 0.3);
  --mm-signal: #5fc6b8;
  --mm-signal-hover: #70d0c3;
  --mm-signal-ink: #0b1514;
  --mm-guide: #a897d0;
  --mm-guide-hover: #bfb2e0;
  --mm-guide-ink: #11151b;
  --mm-text-strong: var(--mm-mineral);
  --mm-text-display: var(--mm-mineral);
  --mm-text-body: var(--mm-mineral-soft);
  --mm-text-muted: var(--mm-muted);
  --mm-text-accent: var(--mm-signal);
  --mm-text-guide: var(--mm-guide-hover);
  --mm-text-on-accent: var(--mm-signal-ink);
  --mm-text-light-strong: var(--mm-light-ink);
  --mm-text-light-body: var(--mm-light-muted);
  --mm-text-preview: var(--mm-preview-muted);
  --mm-guide-strong: var(--mm-text-strong);
  --mm-guide-soft: var(--mm-text-body);
  --mm-guide-muted: var(--mm-text-muted);
  --mm-guide-surface: var(--mm-midnight-soft);
  --mm-guide-surface-raised: var(--mm-slate-raised);
}
/* @generated:end public-preview */

html[data-site-version="midnight-marble"][data-design="dark-simple"] {
  color-scheme: light;
  background: var(--mm-public-ground);
  --mm-heading-outline: transparent;
  --shadow-lg: 0 20px 60px color-mix(in srgb, var(--mm-public-ink) 15%, transparent);
}
html[data-site-version="midnight-marble"][data-design="dark-simple"] body { color: var(--mm-text-body); background: var(--mm-public-ground); }
html[data-site-version="midnight-marble"][data-design="dark-simple"] body::before { content: none; }
html[data-site-version="midnight-marble"][data-design="dark-simple"] main :is(h1,h2) { -webkit-text-stroke: 0; }
html[data-site-version="midnight-marble"][data-design="dark-simple"] :is(.section,.section--sand,.section--dark) { background-image: none; }
html[data-site-version="midnight-marble"][data-design="dark-simple"] :is(.section--sand,.section--dark,.ds-closing) { background: var(--mm-public-raised); }
html[data-site-version="midnight-marble"][data-design="dark-simple"] :is(.site-header,.site-header.is-scrolled) { background: var(--mm-public-ground); box-shadow: none; }
/* The approved silhouette reads in slate ink directly on the light header. */
html[data-site-version="midnight-marble"][data-design="dark-simple"] .site-header__brand { background: transparent; padding: 0; border-radius: 0; }
html[data-site-version="midnight-marble"][data-design="dark-simple"] .site-header__brand .lockup { width: 176px; }
html[data-site-version="midnight-marble"][data-design="dark-simple"] .ds-card { background: var(--mm-public-card); }
html[data-site-version="midnight-marble"][data-design="dark-simple"] :is(.home-care-grid article,.home-research-grid article) { background: var(--mm-public-card); border: 1px solid var(--mm-line); border-radius: 18px; padding: 1.5rem; }
html[data-site-version="midnight-marble"][data-design="dark-simple"] :is(.portal-explorer,.experience-card) { background: var(--mm-public-card); }
html[data-site-version="midnight-marble"][data-design="dark-simple"] .portal-tabs { background: var(--mm-public-raised); }
html[data-site-version="midnight-marble"][data-design="dark-simple"] .portal-tabs a[aria-selected="true"] { color: var(--mm-text-on-accent); }
html[data-site-version="midnight-marble"][data-design="dark-simple"] :is(.tier,.plan,.careplan,.pc,.gp__plan,.est__card,.ex__card) { background: var(--mm-public-card); }
html[data-site-version="midnight-marble"][data-design="dark-simple"] :is(.fam-nav__card,.ind-card,.demos-proof__link,.simple-route,.simple-proof__item,.city-tile,.city-card,.sc-more__card):hover { background: var(--mm-public-raised); border-color: var(--mm-line-strong); }
html[data-site-version="midnight-marble"][data-design="dark-simple"] :is(.plan__ribbon,.tier__badge,.cfg-preset__flag) { background: var(--mm-signal); color: var(--mm-signal-ink); border-color: var(--mm-signal); }
html[data-site-version="midnight-marble"][data-design="dark-simple"] :is(.btn--ghost,.btn--brand):hover { background: var(--mm-public-raised); border-color: var(--mm-signal); }
html[data-site-version="midnight-marble"][data-design="dark-simple"] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]),select,textarea) { background: var(--mm-public-card); border-color: var(--mm-line-strong); }
html[data-site-version="midnight-marble"][data-design="dark-simple"] :is(input[type="checkbox"],input[type="radio"]) { accent-color: var(--mm-signal); }
html[data-site-version="midnight-marble"][data-design="dark-simple"] :is(.step__n,.sc-step__num) { background: var(--mm-signal); color: var(--mm-signal-ink) !important; }
/* Preserve status meaning and fixed calendar state pairs; only these audit
   text roles need deeper ink when their surrounding cards become pale. */
html[data-site-version="midnight-marble"][data-design="dark-simple"] :is(#audit-teaser,#audit-checks,#audit-report) { --audit-pass: var(--mm-public-positive); --audit-attn: var(--mm-public-attention); }
/* Reset inherited semantic aliases as well as the generated mm tokens in the
   dark footer and the existing interactive dashboard sample. */
html[data-site-version="midnight-marble"][data-design="dark-simple"] :is(.footer,.dash) {
  color-scheme: dark;
  --ink: var(--mm-text-strong); --ink-soft: var(--mm-text-body);
  --brand: var(--mm-text-strong); --brand-deep: var(--mm-text-strong);
  --accent: var(--mm-signal); --accent-ink: var(--mm-text-accent);
  --accent-on-fill: var(--mm-text-on-accent);
  --accent-btn: var(--mm-signal); --accent-btn-hover: var(--mm-signal-hover);
  --bg: var(--mm-midnight); --surface: var(--mm-midnight-soft); --surface-2: var(--mm-slate);
  --line: var(--mm-line); --text: var(--mm-text-body); --muted: var(--mm-text-muted);
  --color-on-brand: var(--mm-text-on-accent); --color-on-accent: var(--mm-text-on-accent);
  --dark-text: var(--mm-text-body); --dark-heading: var(--mm-text-strong); --dark-muted: var(--mm-text-muted);
  --footer-text: var(--mm-text-body); --footer-strong: var(--mm-text-strong);
  --footer-muted: var(--mm-text-muted); --footer-hover: var(--mm-text-strong);
  color: var(--mm-text-body);
}
html[data-site-version="midnight-marble"][data-design="dark-simple"] .dash :is(input,select,textarea) { background: var(--mm-midnight-soft); }
@media (max-width: 760px) {
  html[data-site-version="midnight-marble"][data-design="dark-simple"] .site-header__brand .lockup { width: 138px; }
}

@media (max-width: 380px) {
  html[data-site-version="midnight-marble"][data-design="dark-simple"] .site-header__inner { gap: 8px; }
  html[data-site-version="midnight-marble"][data-design="dark-simple"] .site-header__brand .lockup { width: 128px; }
}

/* Fixed dark panels and legacy local-section inks need explicit pale pairs. */
html[data-site-version="midnight-marble"][data-design="dark-simple"] .mm-partner__stage { background: var(--mm-public-card); }
html[data-site-version="midnight-marble"][data-design="dark-simple"] .mm-partner__caveat { background: var(--mm-public-raised); }
html[data-site-version="midnight-marble"][data-design="dark-simple"] .why-local__insight-label { color: var(--mm-signal); }
html[data-site-version="midnight-marble"][data-design="dark-simple"] .footer .btn--primary,
html[data-site-version="midnight-marble"][data-design="dark-simple"] .footer .btn--primary:hover { color: var(--mm-signal-ink); }

html[data-site-version="midnight-marble"][data-design="dark-simple"] :is(.bro-cta__phone,.bro-cta__url) { color: var(--mm-signal); }
html[data-site-version="midnight-marble"][data-design="dark-simple"] :is(.bro-cta__sub,.solve-roi__note) { color: var(--mm-mineral-soft); }

html[data-site-version="midnight-marble"][data-design="dark-simple"] .demo-any { background: var(--mm-public-raised); }
html[data-site-version="midnight-marble"][data-design="dark-simple"] .climb-card__peak { background: var(--mm-public-raised); color: var(--mm-mineral); }

html[data-site-version="midnight-marble"][data-design="dark-simple"] .demo-any__cta { color: var(--mm-signal); }
/* Keep the gallery badge in its own row above the unmodified demo image. */
html[data-site-version="midnight-marble"][data-design="dark-simple"] .climb-card__peak { position: static; transform: none; display: flex; justify-content: center; padding: .6rem; border-radius: 0; box-shadow: none; }

/* The research example's min-content tracks otherwise exceed a phone card. */
html[data-site-version="midnight-marble"][data-design="dark-simple"] .ex__buckets { grid-template-columns: minmax(0, 1fr); }
html[data-site-version="midnight-marble"][data-design="dark-simple"] .ex__bucket { min-width: 0; }
@media (min-width: 900px) {
  html[data-site-version="midnight-marble"][data-design="dark-simple"] .ex__buckets { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 480px) {
  html[data-site-version="midnight-marble"][data-design="dark-simple"] .ex__range { grid-template-columns: minmax(0, 1fr); gap: 1rem; }
}

@media (max-width: 600px) {
  /* Keep removal actions away from the floating assistant (#378). */
  html[data-site-version="midnight-marble"][data-design="dark-simple"] .cart-line { flex-direction: column; align-items: flex-start; gap: .75rem; }
  html[data-site-version="midnight-marble"][data-design="dark-simple"] .cart-line__remove { min-height: 44px; }
}