:root {
    --theme-color: #06B6D4; /* 主题色变量，可一键更换 */
}

/* 链接：优雅下划线 + 渐变 */
a:not(.icon) {
    text-decoration-color: var(--theme-color);
    background-image: linear-gradient(
            to bottom,
            rgba(0, 0, 0, 0) 50%,
            var(--theme-color) 50%
    );
}

/* 引用块：左侧主题色竖线 */
blockquote {
    border-left: 8px solid var(--theme-color);
}

/* 进度条（比如 nanobar）：填充色 */
.nanobar .bar {
    background: var(--theme-color);
}

/* 主要按钮：悬停和聚焦时背景与边框 */
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}

/* 表单控件：聚焦时边框 */
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
    border: 1px solid var(--theme-color);
}