/* ========================================
   全局主题系统 - 5套配色方案
   适配特富天穹系统
======================================== */

/* ------------------------------
   主题1：极简白（你截图里已有的格式，完全保留）
------------------------------ */
.theme-white {
    --color-primary: #FFFFFF;
    --color-primary-light: #F8FAFC;
    --color-primary-dark: #E2E8F0;
    --color-text-main: #1E293B;
    --color-text-secondary: #64748B;
    --color-gray-100: #F8FAFC;
    --color-gray-200: #E2E8F0;
    --color-black: #0F172A;
    --color-white: #FFFFFF;
    --color-success: #10B981;
    --color-warning: #F59E0B;
    --color-danger: #EF4444;
}

/* ------------------------------
   主题2：活力橙（你截图里已有的格式，完全保留）
------------------------------ */
.theme-orange {
    --color-primary: #F97316;
    --color-primary-light: #FB923C;
    --color-primary-dark: #EA580C;
    --color-text-main: #1E293B;
    --color-text-secondary: #64748B;
    --color-gray-100: #FFF7ED;
    --color-gray-200: #FFEDD5;
    --color-black: #0F172A;
    --color-white: #FFFFFF;
    --color-success: #10B981;
    --color-warning: #F59E0B;
    --color-danger: #EF4444;
}

/* ------------------------------
   主题3：热情红
------------------------------ */
.theme-red {
    --color-primary: #EF4444;
    --color-primary-light: #F87171;
    --color-primary-dark: #DC2626;
    --color-text-main: #1E293B;
    --color-text-secondary: #64748B;
    --color-gray-100: #FEF2F2;
    --color-gray-200: #FEE2E2;
    --color-black: #0F172A;
    --color-white: #FFFFFF;
    --color-success: #10B981;
    --color-warning: #F59E0B;
    --color-danger: #EF4444;
}

/* ------------------------------
   主题4：专业蓝
------------------------------ */
.theme-blue {
    --color-primary: #2563EB;
    --color-primary-light: #3B82F6;
    --color-primary-dark: #1D4ED8;
    --color-text-main: #1E293B;
    --color-text-secondary: #64748B;
    --color-gray-100: #EFF6FF;
    --color-gray-200: #DBEAFE;
    --color-black: #0F172A;
    --color-white: #FFFFFF;
    --color-success: #10B981;
    --color-warning: #F59E0B;
    --color-danger: #EF4444;
}

/* ------------------------------
   主题5：清新绿
------------------------------ */
.theme-green {
    --color-primary: #059669;
    --color-primary-light: #10B981;
    --color-primary-dark: #047857;
    --color-text-main: #1E293B;
    --color-text-secondary: #64748B;
    --color-gray-100: #ECFDF5;
    --color-gray-200: #D1FAE5;
    --color-black: #0F172A;
    --color-white: #FFFFFF;
    --color-success: #10B981;
    --color-warning: #F59E0B;
    --color-danger: #EF4444;
}

/* ------------------------------
   通用组件样式（和你截图里的代码完全对齐，无需额外修改）
------------------------------ */
body {
    font-family: "Microsoft YaHei", "Segoe UI", sans-serif;
    background-color: var(--color-gray-100);
    color: var(--color-text-main);
}

.btn-primary {
    background-color: var(--color-primary);
    color: var(--color-white);
    border: none;
    border-radius: 8px;
    padding: 10px 20px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.btn-primary:hover {
    background-color: var(--color-primary-dark);
}

.card {
    background-color: var(--color-white);
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    padding: 20px;
}