/* ============================================================
   168开奖网 三套主题 CSS变量
   ============================================================ */

:root, .theme-default {
    --color-primary: #F97316;
    --color-primary-hover: #EA580C;
    --color-primary-light: rgba(249,115,22,0.12);
    --color-bg: #F8FAFC;
    --color-card: #FFFFFF;
    --color-card-hover: #FFFBF5;
    --color-text: #1E293B;
    --color-text-secondary: #64748B;
    --color-text-muted: #94A3B8;
    --color-border: #E2E8F0;
    --color-border-light: #F1F5F9;
    --color-success: #22C55E;
    --color-danger: #EF4444;
    --color-warning: #EAB308;
    --color-header-bg: linear-gradient(135deg, #F97316, #FB923C);
    --color-header-text: #FFFFFF;
    --color-tab-active: #F97316;
    --color-tab-bg: #FFF7ED;
    --color-countdown-bar: linear-gradient(90deg, #F97316, #FBBF24);
    --color-countdown-track: #FED7AA;
    --color-badge-bg: rgba(249,115,22,0.1);
    --color-badge-text: #EA580C;
    --color-shadow: rgba(249,115,22,0.08);
    --color-overlay: rgba(0,0,0,0.4);
    --color-input-bg: #FFFFFF;
    --color-input-border: #CBD5E1;
    --color-footer-bg: #1E293B;
    --color-footer-text: #94A3B8;
    --color-detail-panel-bg: rgba(255,255,255,0.16);
    --color-detail-panel-border: rgba(255,255,255,0.2);
    --color-detail-panel-shadow: rgba(166,74,10,0.14);
    --color-detail-muted: rgba(255,255,255,0.82);
    --color-detail-dragon: #ffdfd5;
    --color-detail-tiger: #fff1b8;
    --color-detail-tie: #c7f9cc;
    --color-detail-big: #ffd0c2;
    --color-detail-small: #fff1b8;
    --color-detail-odd: #ffd0c2;
    --color-detail-even: #fff1b8;
    --radius-card: 16px;
    --radius-ball: 50%;
    --radius-btn: 12px;
}

.theme-dark {
    --color-primary: #22D3EE;
    --color-primary-hover: #06B6D4;
    --color-primary-light: rgba(34,211,238,0.1);
    --color-bg: #0C0F1A;
    --color-card: #151929;
    --color-card-hover: #1A2035;
    --color-text: #E2E8F0;
    --color-text-secondary: #94A3B8;
    --color-text-muted: #475569;
    --color-border: #1E293B;
    --color-border-light: #1A2035;
    --color-success: #34D399;
    --color-danger: #F87171;
    --color-warning: #FBBF24;
    --color-header-bg: linear-gradient(135deg, #0F172A, #1E293B);
    --color-header-text: #E2E8F0;
    --color-tab-active: #22D3EE;
    --color-tab-bg: rgba(34,211,238,0.08);
    --color-countdown-bar: linear-gradient(90deg, #22D3EE, #818CF8);
    --color-countdown-track: #1E293B;
    --color-badge-bg: rgba(34,211,238,0.1);
    --color-badge-text: #22D3EE;
    --color-shadow: rgba(0,0,0,0.3);
    --color-overlay: rgba(0,0,0,0.7);
    --color-input-bg: #1E293B;
    --color-input-border: #334155;
    --color-footer-bg: #0C0F1A;
    --color-footer-text: #475569;
    --color-detail-panel-bg: rgba(255,255,255,0.06);
    --color-detail-panel-border: rgba(148,163,184,0.18);
    --color-detail-panel-shadow: rgba(0,0,0,0.28);
    --color-detail-muted: rgba(226,232,240,0.88);
    --color-detail-dragon: #fda4af;
    --color-detail-tiger: #fde68a;
    --color-detail-tie: #86efac;
    --color-detail-big: #fca5a5;
    --color-detail-small: #fde68a;
    --color-detail-odd: #fca5a5;
    --color-detail-even: #bfdbfe;
}

.theme-blue {
    --color-primary: #3B82F6;
    --color-primary-hover: #2563EB;
    --color-primary-light: rgba(59,130,246,0.1);
    --color-bg: #EFF6FF;
    --color-card: #FFFFFF;
    --color-card-hover: #F0F7FF;
    --color-text: #1E3A5F;
    --color-text-secondary: #5B7A99;
    --color-text-muted: #93B4D4;
    --color-border: #BFDBFE;
    --color-border-light: #DBEAFE;
    --color-success: #22C55E;
    --color-danger: #EF4444;
    --color-warning: #EAB308;
    --color-header-bg: linear-gradient(135deg, #1E40AF, #3B82F6);
    --color-header-text: #FFFFFF;
    --color-tab-active: #3B82F6;
    --color-tab-bg: rgba(59,130,246,0.08);
    --color-countdown-bar: linear-gradient(90deg, #3B82F6, #60A5FA);
    --color-countdown-track: #BFDBFE;
    --color-badge-bg: rgba(59,130,246,0.1);
    --color-badge-text: #2563EB;
    --color-shadow: rgba(59,130,246,0.08);
    --color-overlay: rgba(0,0,0,0.4);
    --color-input-bg: #FFFFFF;
    --color-input-border: #93C5FD;
    --color-footer-bg: #1E3A5F;
    --color-footer-text: #93B4D4;
    --color-detail-panel-bg: rgba(255,255,255,0.12);
    --color-detail-panel-border: rgba(255,255,255,0.18);
    --color-detail-panel-shadow: rgba(30,64,175,0.16);
    --color-detail-muted: rgba(255,255,255,0.9);
    --color-detail-dragon: #ffd6d6;
    --color-detail-tiger: #ffe9a8;
    --color-detail-tie: #b7f7c3;
    --color-detail-big: #ffd2c7;
    --color-detail-small: #ffe9a8;
    --color-detail-odd: #ffd2c7;
    --color-detail-even: #ffe9a8;
}