/* 选中态使用轻背景和主题强调色，浅色为粉色，深色为紫色。 */
:root,
:root[data-color-scheme="ink"] {
    --control-bg-active: color-mix(in srgb, var(--theme-button-accent) 12%, var(--color-canvas-soft));
    --control-text-active: var(--theme-button-accent);
}

.theme-action-icon-button.is-active {
    color: var(--theme-button-accent);
}

.theme-topic-author-card-main:hover .theme-topic-author-card-name,
.theme-topic-author-card-main:focus-visible .theme-topic-author-card-name {
    color: var(--theme-button-accent);
}

.site-category-link:hover,
.site-category-link:focus-visible,
.site-category-submenu .site-category-link:hover,
.site-category-submenu .site-category-link:focus-visible,
.site-category-menu .site-category-link:hover,
.site-category-menu .site-category-link:focus-visible,
.site-category-link.is-active,
.site-category-item.is-active > .site-category-link {
    background: transparent;
    color: var(--theme-button-accent);
}