/* 主题颜色变量 - 默认配色方案 */
:root {
    /* 主要颜色 */
    --primary-color: #e74c3c;           /* 主题色（链接、按钮等） */
    --primary-hover: #c0392b;           /* 主题色悬停 */

    /* 背景颜色 */
    --bg-primary: #ffffff;              /* 主背景色 */
    --bg-secondary: #ecf0f1;            /* 次要背景（表单、输入框） */
    --bg-code: #f1f1f1;                 /* 代码背景 */

    /* 文字颜色 */
    --text-primary: #333333;            /* 主要文字 */
    --text-secondary: #666666;          /* 次要文字 */
    --text-muted: #999999;              /* 弱化文字 */
    --text-disabled: #cccccc;           /* 禁用文字 */
    --text-light: #dddddd;              /* 浅色文字 */

    /* 边框颜色 */
    --border-color: #e0e0e0;            /* 边框颜色 */

    /* 特殊颜色 */
    --white: #ffffff;                   /* 纯白 */
    --black: #000000;                   /* 纯黑 */

    /* 视频平台颜色 */
    --youtube-color: #FF0000;           /* YouTube 红 */
    --bilibili-color: #00A1D6;          /* Bilibili 蓝 */
    --youku-color: #FF6B00;             /* 优酷橙 */

    /* 阴影 */
    --shadow-light: rgba(0, 0, 0, 0.1);
    --shadow-medium: rgba(0, 0, 0, 0.2);
}

/* 预设配色方案 */

/* 经典红色（默认） */
.theme-red {
    --primary-color: #e74c3c;
    --primary-hover: #c0392b;
}

/* 优雅蓝色 */
.theme-blue {
    --primary-color: #3498db;
    --primary-hover: #2980b9;
}

/* 清新绿色 */
.theme-green {
    --primary-color: #2ecc71;
    --primary-hover: #27ae60;
}

/* 紫罗兰 */
.theme-purple {
    --primary-color: #9b59b6;
    --primary-hover: #8e44ad;
}

/* 活力橙 */
.theme-orange {
    --primary-color: #e67e22;
    --primary-hover: #d35400;
}

/* 深灰色 */
.theme-gray {
    --primary-color: #34495e;
    --primary-hover: #2c3e50;
}

/* 粉红色 */
.theme-pink {
    --primary-color: #e91e63;
    --primary-hover: #c2185b;
}

/* 青色 */
.theme-cyan {
    --primary-color: #00bcd4;
    --primary-hover: #0097a7;
}

/* 黄色 */
.theme-yellow {
    --primary-color: #f39c12;
    --primary-hover: #e67e22;
}

/* 深蓝色 */
.theme-indigo {
    --primary-color: #3f51b5;
    --primary-hover: #303f9f;
}