/* 基础 CSS 变量 - 所有页面共用 */

/* ========== 浅色模式 ========== */
:root {
    /* 背景 */
    --bg-primary: #fafafa;
    --bg-secondary: #ffffff;

    /* 文字 */
    --text-primary: #171717;
    --text-secondary: #525252;
    --text-muted: #737373;

    /* 边框 */
    --border-color: #e5e5e5;
    --border-focus: #171717;

    /* 输入框 */
    --input-bg: #fafafa;
    --input-border: #d4d4d4;
    --input-text: #171717;

    /* 强调色 */
    --accent-bg: #171717;
    --accent-text: #ffffff;

    /* 毛玻璃 */
    --glass-bg: rgba(255, 255, 255, 0.7);
    --glass-border: rgba(255, 255, 255, 0.5);
    --glass-hover: rgba(255, 255, 255, 0.9);

    /* 阴影 */
    --shadow-color: rgba(0, 0, 0, 0.05);

    /* 状态色 - Success */
    --success-bg: #f0fdf4;
    --success-border: #dcfce7;
    --success-text: #16a34a;

    /* 状态色 - Error */
    --error-bg: #fef2f2;
    --error-border: #fee2e2;
    --error-text: #dc2626;

    /* 状态色 - Warning */
    --warning-bg: #fffbeb;
    --warning-border: #fef3c7;
    --warning-text: #d97706;

    /* 状态色 - Info */
    --info-bg: #eff6ff;
    --info-border: #dbeafe;
    --info-text: #2563eb;
    --progress-green: #4ade80;
    --progress-red: #ef4444;
}

/* ========== 深色模式 ========== */
.dark {
    /* 背景 */
    --bg-primary: #0a0a0a;
    --bg-secondary: #171717;

    /* 文字 */
    --text-primary: #fafafa;
    --text-secondary: #a3a3a3;
    --text-muted: #737373;

    /* 边框 */
    --border-color: #262626;
    --border-focus: #fafafa;

    /* 输入框 */
    --input-bg: #262626;
    --input-border: #404040;
    --input-text: #fafafa;

    /* 强调色 */
    --accent-bg: #fafafa;
    --accent-text: #171717;

    /* 毛玻璃 */
    --glass-bg: rgba(23, 23, 23, 0.8);
    --glass-border: rgba(255, 255, 255, 0.1);
    --glass-hover: rgba(38, 38, 38, 0.9);

    /* 阴影 */
    --shadow-color: rgba(0, 0, 0, 0.5);

    /* 状态色 - Success */
    --success-bg: rgba(22, 163, 74, 0.1);
    --success-border: rgba(22, 163, 74, 0.2);
    --success-text: #4ade80;

    /* 状态色 - Error */
    --error-bg: rgba(220, 38, 38, 0.1);
    --error-border: rgba(220, 38, 38, 0.2);
    --error-text: #ef4444;

    /* 状态色 - Warning */
    --warning-bg: rgba(217, 119, 6, 0.1);
    --warning-border: rgba(217, 119, 6, 0.2);
    --warning-text: #fbbf24;

    /* 状态色 - Info */
    --info-bg: rgba(37, 99, 235, 0.1);
    --info-border: rgba(37, 99, 235, 0.2);
    --info-text: #60a5fa;
    --progress-green: #4ade80;
    --progress-red: #ef4444;
}