/* 使用 CSS 变量覆盖原有颜色 */

/* 链接颜色 */
a {
    color: var(--primary-color);
}

/* 选中文本 */
::selection {
    background: var(--primary-color);
    color: var(--white);
}

/* 页眉副标题选中 */
.header__subtitle::selection {
    background: var(--text-light);
    color: var(--white);
}

/* 页脚链接 */
.footer__link {
    color: var(--primary-color);
}

/* 文章摘要链接 */
.article__excerpt {
    color: var(--primary-color);
}

/* 搜索按钮 */
.search-form__button {
    background-color: var(--primary-color);
    color: var(--white);
}

.search-form__button--disabled.search-form__button {
    background-color: var(--text-disabled);
    color: var(--text-muted);
}

/* 表单背景 */
.search-form__span,
.comment-form__input-wrapper,
.comment-form__input {
    background-color: var(--bg-secondary);
}

/* 评论表单按钮 */
.comment-form__input.comment-form__input--button {
    background-color: var(--primary-color);
    color: var(--white);
}

/* 评论日期 */
.comment__submit-date {
    color: var(--text-muted);
}

/* 评论空状态 */
.comment-empty {
    color: var(--text-secondary);
}

/* 代码背景 */
pre,
code,
pre code {
    background-color: var(--bg-code);
}

/* 代码文字颜色 */
code {
    color: var(--primary-color);
}

pre code {
    color: var(--text-primary);
}

/* 错误页面 */
.error {
    background: var(--white);
    color: var(--primary-color);
}

/* 表格边框 */
thead {
    border-bottom-color: var(--primary-color);
}

tr {
    border-bottom-color: var(--primary-color);
}

/* 引用块 */
blockquote {
    border-left-color: var(--primary-color);
    background-color: var(--bg-secondary);
}

/* 页眉副标题 */
.header__subtitle {
    color: var(--text-light);
}

/* 空列表项 */
.content__list-item--empty.content__list-item {
    color: var(--text-disabled);
}

/* 背景色 */
.html,
.content__item {
    background-color: var(--bg-primary);
}

/* 文字颜色 */
body {
    color: var(--text-primary);
}

/* 视频平台标签 */
.label-youtube {
    background-color: var(--youtube-color);
}

.label-bilibili {
    background-color: var(--bilibili-color);
}

.label-youku {
    background-color: var(--youku-color);
}

/* 视频播放器容器 */
.player-container {
    background-color: var(--black);
    box-shadow: 0 4px 15px var(--shadow-medium);
}

.player-container.youtube {
    background-color: var(--youtube-color);
}

.player-container.bilibili {
    background-color: var(--bilibili-color);
}

.player-container.youku {
    background-color: var(--youku-color);
}

/* 置顶文章标记 */
.sticky__item {
    color: var(--primary-color);
}

/* 悬停效果 */
a:hover {
    color: var(--primary-hover);
}

.search-form__button:hover {
    background-color: var(--primary-hover);
}

.comment-form__input.comment-form__input--button:hover {
    background-color: var(--primary-hover);
}