/* Ported from _handoff/source/ws-darkmode.css — page-level dark overrides */

[data-theme='dark'] {
  .ws-c-hero,
  .ws-c-web,
  .ws-c-quote,
  .ws-ci-hero {
    background: var(--bg);
    color: var(--fg);
  }
  .ws-c-back,
  .ws-c-meta-grid > div,
  .ws-c-logo-meta a,
  .ws-c-web-head a,
  .ws-c-next-link,
  .ws-ci-card,
  .ws-c-logo-mark {
    color: var(--fg);
  }
  .ws-c-meta-grid > div {
    background: var(--bg-elev);
  }
  .ws-c-web-shot::before {
    background: radial-gradient(ellipse at top, transparent 0%, var(--bg) 100%);
  }
  .ws-c-logo-mark {
    background: var(--bg-elev);
    border-color: var(--line);
  }
  .ws-ci-card {
    background: var(--bg-elev);
  }
  .ws-ci-card:hover {
    background: var(--bg);
  }
  .ws-ci-card-logo {
    background: var(--bg-elev);
    color: var(--fg);
    border-color: var(--line);
  }
  .ws-c-web-head a {
    border-color: var(--bone);
  }
  .ws-c-web-head a:hover {
    background: var(--bone);
    color: var(--ink);
  }
  .ws-c-approach {
    background: var(--line);
    border-color: var(--line);
  }
  .ws-c-approach-step {
    background: var(--bg-elev);
  }
  .ws-c-next {
    background: var(--bg);
    border-color: var(--line);
  }
  .ws-c-stats,
  .ws-c-video,
  .ws-c-cta {
    background: var(--bg-elev);
    color: var(--fg);
    border-color: var(--line);
  }
  .ws-c-stat {
    background: var(--bg-elev);
  }

  .ws-pf-hero {
    background: var(--bg);
    color: var(--fg);
  }
  .ws-pf-filter button.is-active {
    color: var(--bg);
    background: var(--bone);
    border-color: var(--bone);
  }

  .ws-mf-h1,
  .ws-mf-not-t,
  .ws-mf-are-kpi,
  .ws-mf-are-t,
  .ws-mf-creed-line,
  .ws-mf-last-h,
  .ws-mf-sigil-meta strong {
    color: var(--fg);
  }
  .ws-mf-hero-bg {
    color: var(--bg-elev);
    opacity: 0.5;
  }
  .ws-mf-not {
    background: var(--bg-elev);
    border-color: var(--line);
  }
  .ws-mf-not-list {
    border-top-color: var(--line);
    border-left-color: var(--line);
  }
  .ws-mf-not-item {
    background: var(--bg);
    border-right-color: var(--line);
    border-bottom-color: var(--line);
    color: var(--fg);
  }
  .ws-mf-not-item:hover {
    background: var(--bone);
    color: var(--ink);
  }
  .ws-mf-not-item:hover .ws-mf-not-t,
  .ws-mf-not-item:hover .ws-mf-not-d {
    color: var(--ink);
  }
  .ws-mf-loud {
    background: var(--bg-elev);
    color: var(--fg);
    border-color: var(--line);
  }
  .ws-mf-are {
    background: var(--bg);
  }
  .ws-mf-are-grid {
    border-left-color: var(--line);
    border-top-color: var(--line);
  }
  .ws-mf-are-card {
    background: var(--bg);
    border-right-color: var(--line);
    border-bottom-color: var(--line);
  }
  .ws-mf-creed {
    background: var(--bg-elev);
    border-color: var(--line);
  }
  .ws-mf-creed-list li {
    border-top-color: var(--line);
  }
  .ws-mf-creed-list li:last-child {
    border-bottom-color: var(--line);
  }
  .ws-mf-last {
    background: var(--bg);
    color: var(--fg);
  }
  .ws-mf-last-cta {
    color: var(--bone);
  }
  .ws-mf-last-cta:hover {
    background: var(--bone);
    color: var(--ink);
  }
  .ws-mf-sigil {
    border-top-color: var(--line);
  }
}

html[data-theme='dark'] { --accent-text: #BFAE86; }