/* ========== CSS 变量定义 - 科技感主题 ========== */

:root {
    /* 背景色系 - 深色科技主题 */
    --bg-primary: #0a0e27;
    --bg-card: rgba(26, 31, 58, 0.8);
    --bg-card-hover: rgba(30, 41, 59, 0.6);
    --bg-input: rgba(15, 23, 42, 0.6);

    /* 主题色 - 科技蓝紫渐变 */
    --color-primary: #3b82f6;
    --color-secondary: #8b5cf6;
    --color-success: #10b981;
    --color-warning: #f59e0b;
    --color-danger: #ef4444;
    --color-neutral: #64748b;

    /* 文字色 */
    --color-text-primary: #e0e7ff;
    --color-text-secondary: #94a3b8;
    --color-text-muted: #64748b;

    /* 边框色 */
    --border-color: rgba(59, 130, 246, 0.3);
    --border-color-hover: rgba(59, 130, 246, 0.6);

    /* 阴影 - 发光效果 */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 8px 25px rgba(59, 130, 246, 0.3);
    --shadow-lg: 0 12px 35px rgba(0, 0, 0, 0.5);

    /* 间距 */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 12px;
    --spacing-lg: 16px;
    --spacing-xl: 20px;

    /* 字体大小 */
    --font-size-xs: 12px;
    --font-size-sm: 14px;
    --font-size-md: 16px;
    --font-size-lg: 18px;
    --font-size-xl: 20px;
    --font-size-2xl: 24px;
    --font-size-3xl: 32px;

    /* 过渡动画 */
    --transition-fast: 0.15s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.5s ease;

    /* 圆角 */
    --border-radius-sm: 4px;
    --border-radius-md: 8px;
    --border-radius-lg: 12px;

    /* 层级 */
    --z-index-dropdown: 1000;
    --z-index-modal: 1050;
    --z-index-tooltip: 1100;
}