/* ============================================================
   SGC 共享主题变量 — 登录页(login.html)与主页面共用这一套
   修改这里的颜色 → 两个页面同时生效
   深色为默认(:root)，浅色通过 body.light-theme 切换
   ============================================================ */
:root {
    --sgc-bg-main: #0a0b0f;
    --sgc-surface: #13141c;
    --sgc-surface-elevated: #1a1b26;
    --sgc-surface-highlight: #222331;
    --sgc-border: #1e2030;
    --sgc-border-active: #2d2f45;
    --sgc-border-hover: #3f4154;
    --sgc-text-primary: #f1f5f9;
    --sgc-text-secondary: #94a3b8;
    --sgc-text-tertiary: #64748b;
    --sgc-primary: #6366f1;
    --sgc-primary-hover: #4f46e5;
    --sgc-primary-soft: #818cf8;
    --sgc-primary-glow: rgba(99, 102, 241, 0.15);
    --sgc-success: #10b981;
    --sgc-warning: #f59e0b;
    --sgc-danger: #ef4444;
    --sgc-danger-soft: #f87171;
    --sgc-info: #3b82f6;
    --sgc-glass-bg: rgba(10, 11, 15, 0.85);
    --sgc-glass-border: rgba(30, 32, 48, 0.7);
}
body.light-theme {
    --sgc-bg-main: #f8f9fc;
    --sgc-surface: #ffffff;
    --sgc-surface-elevated: #ffffff;
    --sgc-surface-highlight: #f1f5f9;
    --sgc-border: #e2e8f0;
    --sgc-border-active: #cbd5e1;
    --sgc-border-hover: #cbd5e1;
    --sgc-text-primary: #1e293b;
    --sgc-text-secondary: #64748b;
    --sgc-text-tertiary: #94a3b8;
    --sgc-primary: #6366f1;
    --sgc-primary-hover: #4f52e8;
    --sgc-primary-soft: #818cf8;
    --sgc-primary-glow: rgba(99, 102, 241, 0.08);
    --sgc-success: #10b981;
    --sgc-warning: #f59e0b;
    --sgc-danger: #ef4444;
    --sgc-danger-soft: #f87171;
    --sgc-info: #3b82f6;
    --sgc-glass-bg: rgba(248, 249, 252, 0.88);
    --sgc-glass-border: rgba(226, 232, 240, 0.7);
}