/* Public pages inherit the same light/dark color roles as the workspace from theme.css. */
.public-body:has(.marketing), .public-body:has(.entry-page) {
    background:var(--bg);
}
.marketing, .entry-page { color:var(--text); }
:is(.marketing,.entry-page) :is(a,button,summary,input,select):focus-visible {
    outline:2px solid var(--primary);
    outline-offset:4px;
}
:is(.marketing,.entry-page) .brand-mark {
    background:var(--primary);
    color:var(--on-primary);
    border-radius:11px;
    box-shadow:none;
}
:is(.marketing,.entry-page) .brand strong { letter-spacing:-.035em; color:var(--text); }
:is(.marketing,.entry-page) .btn-primary { box-shadow:none; }
:is(.marketing,.entry-page) .theme-toggle { border-radius:9px; }
@media(prefers-reduced-motion:reduce) {
    html:has(.marketing), html:has(.entry-page) { scroll-behavior:auto; }
    :is(.marketing,.entry-page) *, :is(.marketing,.entry-page) *::before, :is(.marketing,.entry-page) *::after {
        animation:none !important;
        transition:none !important;
        scroll-behavior:auto !important;
    }
}