/* Homepage controls share the admin graphite palette. */
html:root body .stereo-home-cta {
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 18px;
    gap: 12px;
}
html:root body .return-top::before {
    display: none;
}
html:root body .return-top i {
    color: inherit;
    background: transparent;
}
html:root body .return-top:is(:hover, :focus) {
    transform: none;
    box-shadow: inset 0 1px 0 #ffffff08;
}
html:root body :is(.button.primary, .button.secondary, .button, .home-showcase-link, .home-showcase-controls button, .theme-switch, .stereo-home-cta, .return-top) {
    --home-button-accent: 139, 185, 245;
    background: #252a32;
    color: rgb(var(--home-button-accent));
    border: 1px solid rgba(var(--home-button-accent), .35);
    border-radius: 8px;
    font-weight: 650;
    text-shadow: none;
    box-shadow: inset 0 1px 0 #ffffff05;
    transition: background-color .16s, border-color .16s, color .16s;
}
html:root body :is(.button.primary, .home-showcase-link, .stereo-home-cta) {
    --home-button-accent: 112, 218, 174;
}
html:root body .button.secondary {
    --home-button-accent: 184, 192, 204;
}
html:root body :is(.button.primary, .button.secondary, .button, .home-showcase-link, .home-showcase-controls button, .theme-switch, .stereo-home-cta, .return-top):hover:not(:disabled),
html:root body .home-showcase-card:hover .home-showcase-link,
html:root body .stereo-home-card:hover .stereo-home-cta {
    background: #303640;
    color: rgb(var(--home-button-accent));
    border-color: rgba(var(--home-button-accent), .75);
    box-shadow: inset 0 1px 0 #ffffff08;
}
html:root body :is(.button.primary, .button.secondary, .button, .home-showcase-controls button, .theme-switch, .stereo-home-cta, .return-top):focus-visible,
html:root body .home-showcase-card:focus-visible .home-showcase-link,
html:root body .stereo-home-card:focus-visible .stereo-home-cta {
    outline: 2px solid rgb(var(--home-button-accent, 139, 185, 245));
    outline-offset: 3px;
}
html:root body :is(.home-showcase-controls button, .theme-switch, .stereo-home-cta, .return-top):disabled {
    opacity: .4;
    cursor: not-allowed;
}