/**
 * CSS Variables
 * 全局变量定义
 */

:root {
    /* === 颜色变量 === */
    
    /* 主色 */
    --color-primary: #1890ff;
    --color-primary-hover: #40a9ff;
    --color-primary-active: #096dd9;
    
    /* 渐变背景 */
    --gradient-purple: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    
    /* 背景色 */
    --bg-light: #f0f2f5;
    --bg-white: #ffffff;
    --bg-dark: #141414;
    --bg-dark-secondary: #1f1f1f;
    --bg-dark-hover: #262626;
    --bg-dark-tertiary: #303030;
    --bg-black: #000000;
    
    /* 文字颜色 */
    --text-primary: rgba(0, 0, 0, 0.85);
    --text-secondary: rgba(0, 0, 0, 0.65);
    --text-tertiary: rgba(0, 0, 0, 0.45);
    --text-dark-primary: rgba(255, 255, 255, 0.85);
    --text-dark-secondary: rgba(255, 255, 255, 0.65);
    --text-dark-tertiary: rgba(255, 255, 255, 0.45);
    --text-dark-disabled: rgba(255, 255, 255, 0.3);
    
    /* 边框色 */
    --border-light: #d9d9d9;
    --border-dark: #434343;
    --border-dark-secondary: #303030;
    
    /* 阴影 */
    --shadow-small: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-medium: 0 2px 8px rgba(0, 0, 0, 0.1);
    --shadow-focus: 0 0 0 2px rgba(24, 144, 255, 0.2);
    
    /* === 间距变量 === */
    --spacing-xs: 8px;
    --spacing-sm: 16px;
    --spacing-md: 24px;
    --spacing-lg: 32px;
    --spacing-xl: 40px;
    
    /* === 字体变量 === */
    --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
        'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    
    --font-size-sm: 12px;
    --font-size-base: 14px;
    --font-size-lg: 16px;
    --font-size-xl: 24px;
    --font-size-xxl: 30px;
    
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 600;
    
    /* === 圆角变量 === */
    --radius-sm: 4px;
    --radius-md: 8px;
    
    /* === 尺寸变量 === */
    --terminal-height: 500px;
    --login-container-width: 400px;
    --connection-params-width: 500px;
}