/* ============================================
   TX Space 统一主题变量库
   门户系统 & 设备签收系统 共享
   更新日期：2026-07-16
   ============================================ */

:root {
    --bg-body: #12141a;
    --bg-login: #0a0a12;
    --bg-elevated: #1a1d26;
    --bg-glass: rgba(255,255,255,0.03);
    --bg-glass-hover: rgba(255,255,255,0.05);
    --bg-glass-active: rgba(255,255,255,0.06);
    --bg-glass-strong: rgba(255,255,255,0.08);
    --bg-glass-stronger: rgba(255,255,255,0.1);
    --bg-glass-faint: rgba(255,255,255,0.02);
    --bg-glass-divider: rgba(255,255,255,0.12);
    --bg-glass-danger: rgba(229,115,115,0.1);
    --bg-glass-gold: rgba(212,165,116,0.1);
    --bg-glass-gold-hover: rgba(212,165,116,0.12);
    --bg-glass-gold-active: rgba(212,165,116,0.15);
    --bg-glass-gold-subtle: rgba(212,165,116,0.06);
    --bg-glass-teal: rgba(126,184,201,0.12);
    --bg-glass-teal-hover: rgba(126,184,201,0.15);
    --bg-glass-teal-active: rgba(126,184,201,0.2);
    --bg-glass-teal-subtle: rgba(126,184,201,0.08);
    --bg-elevated-select: #1a1d26;
    --card-bg: transparent;
    --card-border-color: rgba(212,165,116,0.3);
    --text-primary: #e8e4df;
    --text-logo: #d4d0c8;
    --text-secondary: #8b8680;
    --text-muted: #5c5a56;
    --text-danger: #e57373;
    --text-filing: rgba(255,255,255,0.22);
    --accent-teal: #7eb8c9;
    --accent-teal-light: #a5d8e8;
    --accent-gold: #d4a574;
    --border-subtle: rgba(255,255,255,0.04);
    --border-light: rgba(255,255,255,0.06);
    --border-default: rgba(255,255,255,0.08);
    --border-strong: rgba(255,255,255,0.1);
    --border-divider: rgba(212,165,116,0.2);
    --border-gold-hover: rgba(212,165,116,0.3);
    --border-danger: rgba(229,115,115,0.2);
    --border-teal-medium: rgba(126,184,201,0.25);
    --input-border-focus: rgba(126,184,201,0.4);
    --input-border-gold-focus: rgba(212,165,116,0.7);
    --shadow-default: rgba(0,0,0,0.4);
    --shadow-gold: rgba(212,165,116,0.4);
    --shadow-gold-soft: rgba(212,165,116,0.25);
    --shadow-gold-hard: rgba(212,165,116,0.6);
    --toast-bg: rgba(126,184,201,0.9);
    --toast-error-bg: rgba(229,115,115,0.9);
    --overlay-bg: rgba(0,0,0,0.6);
    --login-btn-color: rgba(212,208,200,0.3);
    --login-btn-hover: rgba(212,208,200,0.8);
    --scrollbar-thumb: rgba(255,255,255,0.06);
    --pulse-teal: rgba(126,184,201,0.6);
    --pulse-teal-transparent: rgba(126,184,201,0);
    --footer-text: rgba(255,255,255,0.25);
    --footer-link: rgba(255,255,255,0.3);
    --footer-link-hover: rgba(255,255,255,0.45);
    --btn-primary-shadow: rgba(126,184,201,0.3);
    --status-dot-shadow: rgba(126,184,201,0.5);
    --empty-state-text: rgba(255,255,255,0.4);
    --arrow-gold-fill: rgba(212,165,116,0.9);
    --gradient-primary: linear-gradient(135deg, #7eb8c9, #d4a574);
    --btn-primary-bg: rgba(255,255,255,0.78);
    --btn-primary-text: #12141a;
    --btn-danger-bg: rgba(239,68,68,0.78);
    --btn-danger-text: #ffffff;
    --btn-text-dark: #12141a;
    --color-success: #5BBF9E;
    --color-success-bg: #153A35;
    --color-warning: #F0B842;
    --color-warning-bg: #2A2515;
    --color-info: #6BA5E8;
    --color-info-bg: #15253A;
    --color-danger-border: #5A2A2A;
    --color-danger-hover: #D45A5A;
    --color-danger-hover-bg: #3A1A1A;
    --color-icon: #5A7AA5;
    --color-muted: rgba(107, 165, 232, 0.08);
    --space-1: 4px; --space-2: 8px; --space-3: 12px;
    --space-4: 16px; --space-5: 20px; --space-6: 24px;
    --space-8: 32px; --space-10: 40px; --space-12: 48px;
    --radius-sm: 4px; --radius-md: 8px; --radius-lg: 12px;
    --radius-xl: 16px; --radius-2xl: 20px; --radius-full: 9999px;
    --shadow-xs: 0 1px 2px rgba(0,0,0,0.04);
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
    --shadow-md: 0 4px 6px rgba(0,0,0,0.05), 0 2px 4px rgba(0,0,0,0.03);
    --shadow-lg: 0 10px 25px rgba(0,0,0,0.06), 0 4px 10px rgba(0,0,0,0.03);
    --shadow-xl: 0 20px 50px rgba(0,0,0,0.08);
    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --transition-fast: 150ms var(--ease-in-out);
    --transition-normal: 250ms var(--ease-out);

}

[data-theme="light"] {
    --bg-body: #FAFAF9;
    --bg-login: #F2F2F0;
    --bg-elevated: #FFFFFF;
    --bg-glass: #FFFFFF;
    --bg-glass-hover: #F5F5F3;
    --bg-glass-active: #EDEDEA;
    --bg-glass-strong: #E0E0DD;
    --bg-glass-stronger: #D4D4D1;
    --bg-glass-faint: #F7F7F5;
    --bg-glass-divider: rgba(0,0,0,0.05);
    --bg-glass-danger: #FEE2E2;
    --bg-glass-gold: #FFF5ED;
    --bg-glass-gold-hover: #FFEDE0;
    --bg-glass-gold-active: #FFDCC4;
    --bg-glass-gold-subtle: #FFFAF5;
    --bg-glass-teal: #E0F2FE;
    --bg-glass-teal-hover: #BAE6FD;
    --bg-glass-teal-active: #7DD3FC;
    --bg-glass-teal-subtle: #F0F9FF;
    --bg-elevated-select: #F5F5F3;
    --card-bg: #FFFFFF;
    --card-border-color: rgba(232,132,58,0.25);
    --text-primary: #1A1A1A;
    --text-logo: #1A1A1A;
    --text-secondary: #6B6B68;
    --text-muted: #A9A8A5;
    --text-danger: #DC2626;
    --text-filing: rgba(0,0,0,0.15);
    --accent-teal: #5A9BAB;
    --accent-teal-light: #E8843A;
    --accent-gold: #E8843A;
    --border-subtle: #F0F0EE;
    --border-light: #EDEDEA;
    --border-default: #E0E0DD;
    --border-strong: #D0D0CC;
    --border-divider: rgba(0,0,0,0.05);
    --border-gold-hover: rgba(232,132,58,0.35);
    --border-danger: rgba(220,38,38,0.15);
    --border-teal-medium: rgba(90,155,171,0.3);
    --input-border-focus: rgba(232,132,58,0.4);
    --input-border-gold-focus: #E8843A;
    --shadow-default: rgba(0,0,0,0.06);
    --shadow-gold: rgba(232,132,58,0.25);
    --shadow-gold-soft: rgba(232,132,58,0.15);
    --shadow-gold-hard: rgba(232,132,58,0.35);
    --toast-bg: rgba(26,26,26,0.9);
    --toast-error-bg: rgba(220,38,38,0.85);
    --login-btn-color: rgba(26,26,26,0.7);
    --login-btn-hover: rgba(26,26,26,0.9);
    --scrollbar-thumb: rgba(0,0,0,0.06);
    --pulse-teal: rgba(90,155,171,0.4);
    --pulse-teal-transparent: rgba(90,155,171,0);
    --footer-text: rgba(0,0,0,0.15);
    --footer-link: rgba(0,0,0,0.2);
    --footer-link-hover: rgba(0,0,0,0.35);
    --btn-primary-shadow: rgba(232,132,58,0.2);
    --status-dot-shadow: rgba(232,132,58,0.35);
    --empty-state-text: rgba(0,0,0,0.25);
    --arrow-gold-fill: #E8843A;
    --gradient-primary: linear-gradient(135deg, #7eb8c9, #d4a574);
    --btn-primary-bg: rgba(0,0,0,0.78);
    --btn-primary-text: #f0f0ee;
    --btn-danger-bg: rgba(220,38,38,0.78);
    --btn-danger-text: #ffffff;
    --btn-text-dark: #12141a;
    --color-success: #2A9D8F;
    --color-success-bg: #D4EEE8;
    --color-warning: #F5A623;
    --color-warning-bg: #FEF9E7;
    --color-info: #4A90D9;
    --color-info-bg: #E8F0FE;
    --color-danger-border: #F5C4B8;
    --color-danger-hover: #D45A4A;
    --color-danger-hover-bg: #FCE4DE;
    --color-icon: #9AB8B8;
    --color-muted: #F0F5F3;
}