/* Optional appearance enhancement; no-JS visitors follow their system theme. */
:root {color-scheme:light}
.masthead {gap:24px}
.masthead nav {margin-left:auto}
.theme-toggle {flex:none;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--rule);border-radius:50%;background:transparent;color:var(--ink);cursor:pointer}
.theme-toggle[hidden] {display:none}
.theme-toggle:hover {background:var(--ink);color:var(--paper)}
.theme-toggle:focus-visible {outline:3px solid var(--red);outline-offset:5px}
.theme-sun {display:none}
@media(max-width:600px) {
  .masthead {gap:2px 20px}
  .theme-toggle {order:2;margin-left:auto}
  .masthead nav {order:3}
}
:root[data-theme="dark"] {
  color-scheme:dark;
  --paper:#262925; --ink:#eeeae1; --muted:#b8bdb3;
  --red:#f29a80; --vermilion:#ee876b; --rule:#646b60; --lilac:#373a39;
}
:root[data-theme="dark"] .wordmark img {content:url("../assets/brand/signal-lockup-chalk.svg")}
:root[data-theme="dark"] .theme-moon {display:none}
:root[data-theme="dark"] .theme-sun {display:block}
:root[data-theme="dark"] .stream-body, :root[data-theme="dark"] .process-documentation {background:#333932}
:root[data-theme="dark"] .studio, :root[data-theme="dark"] .architecture {background:#1e221e;color:var(--ink)}
:root[data-theme="dark"] .studio-copy>.large-copy {color:var(--ink)}
:root[data-theme="dark"] .skip-link {background:var(--ink);color:var(--paper)}
:root[data-theme="dark"] ::selection {background:var(--vermilion);color:#171a18}
:root[data-theme="dark"] .study-frame {fill:#30352e}
:root[data-theme="dark"] .study-rule {stroke:#646b60}


@media(prefers-color-scheme:dark) {
:root:not([data-theme="light"]) {
  color-scheme:dark;
  --paper:#262925; --ink:#eeeae1; --muted:#b8bdb3;
  --red:#f29a80; --vermilion:#ee876b; --rule:#646b60; --lilac:#373a39;
}
:root:not([data-theme="light"]) .wordmark img {content:url("../assets/brand/signal-lockup-chalk.svg")}
:root:not([data-theme="light"]) .theme-moon {display:none}
:root:not([data-theme="light"]) .theme-sun {display:block}
:root:not([data-theme="light"]) .stream-body, :root:not([data-theme="light"]) .process-documentation {background:#333932}
:root:not([data-theme="light"]) .studio, :root:not([data-theme="light"]) .architecture {background:#1e221e;color:var(--ink)}
:root:not([data-theme="light"]) .studio-copy>.large-copy {color:var(--ink)}
:root:not([data-theme="light"]) .skip-link {background:var(--ink);color:var(--paper)}
:root:not([data-theme="light"]) ::selection {background:var(--vermilion);color:#171a18}
:root:not([data-theme="light"]) .study-frame {fill:#30352e}
:root:not([data-theme="light"]) .study-rule {stroke:#646b60}

}

/* Balance original artwork detail with the dark surface; retain shared edge masks. */
:root[data-theme="dark"] .hero-art img {mix-blend-mode:normal;opacity:.65}
@media(prefers-color-scheme:dark) {
  :root:not([data-theme="light"]) .hero-art img {mix-blend-mode:normal;opacity:.65}
}