/* ============================
   主题色彩 - 动态生成
   由后台网站设置中的UI色彩配置控制
   ============================ */
:root {
    --primary-color: #c41a1a;
    --primary-color-rgb: 196, 26, 26;
    --secondary-color: #8b0000;
    --header-bg: #c41a1a;
    --footer-bg: #1a1a2e;
    --link-color: #c41a1a;
    --link-hover-color: #8b0000;
    --btn-primary-bg: #c41a1a;
    --btn-primary-hover: #a01515;
    --border-color: #e5e5e5;
}

/* ========== 主色覆盖 ========== */
.theme-primary {
    background-color: var(--primary-color);
    color: #fff;
}

.theme-primary-bg {
    background-color: var(--primary-color);
}

.theme-primary-text {
    color: var(--primary-color);
}

.theme-primary-border {
    border-color: var(--primary-color);
}

/* ========== 辅色覆盖 ========== */
.theme-secondary {
    background-color: var(--secondary-color);
    color: #fff;
}

.theme-secondary-bg {
    background-color: var(--secondary-color);
}

.theme-secondary-text {
    color: var(--secondary-color);
}

/* ========== 头部颜色 ========== */
.theme-header {
    background-color: var(--header-bg);
}

/* ========== 页脚颜色 ========== */
.theme-footer {
    background-color: var(--footer-bg);
}

/* ========== 链接颜色 ========== */
.theme-link {
    color: var(--link-color);
}

.theme-link:hover {
    color: var(--link-hover-color);
}

/* ========== 渐变主题 ========== */
.theme-gradient {
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
}

.theme-gradient-horizontal {
    background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
}

/* ========== 悬停效果 ========== */
.theme-hover:hover {
    background-color: var(--btn-primary-hover);
    border-color: var(--btn-primary-hover);
    color: #fff;
}

/* ========== 按钮主题 ========== */
.btn-theme {
    background-color: var(--btn-primary-bg);
    border-color: var(--btn-primary-bg);
    color: #fff;
}

.btn-theme:hover {
    background-color: var(--btn-primary-hover);
    border-color: var(--btn-primary-hover);
    color: #fff;
}

/* ========== 暗色模式预留 ========== */
body.theme-dark {
    --primary-color: #e04040;
    --text-color: #e0e0e0;
    --bg-color: #1a1a2e;
    --border-color: #333;
}