html[data-sushiro-theme="light"] {
    color-scheme: light;
}

html[data-sushiro-theme="dark"] {
    color-scheme: dark;
}

.sushiro-theme-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    white-space: nowrap;
}

.sushiro-theme-toggle [data-sushiro-theme-icon] {
    width: 1.1em;
}

@media (prefers-reduced-motion: no-preference) {
    body,
    .panel,
    .store-card,
    .markdown-body,
    .api-load-error,
    .api-toc-panel,
    .api-toc-toggle {
        transition: color .2s ease, background-color .2s ease, border-color .2s ease;
    }
}