/**
 * Copyright: YC-2025Copyright
 * Created: 2025-01-09
 * Author: HIYCO
 * Description: 主题变量和基础样式定义
 */

/* ========================================
   CSS 变量定义 - 主题色彩体系
   ======================================== */
:root {
    /* 主色调 */
    --primary-color: #5B7CFF;
    --primary-dark: #4A6BE8;
    --primary-light: #7A93FF;
    
    /* Cyber-Glass兼容色（用于cg-类名） */
    --cg-primary: #6366f1;
    --cg-cyan: #06b6d4;
    --cg-fuchsia: #d946ef;
    --cg-text-primary: #282a2d;
    --cg-text-secondary: #666666;
    --cg-text-muted: #999999;
    
    /* 功能色 */
    --success-color: #52C41A;
    --warning-color: #FAAD14;
    --danger-color: #F5222D;
    --info-color: #1890FF;
    
    /* 中性色 */
    --text-primary: #282a2d;
    --text-secondary: #666666;
    --text-muted: #999999;
    --text-disabled: #BFBFBF;
    
    /* 边框色 */
    --border-color: #E8E8E8;
    --border-light: #F0F0F0;
    
    /* 背景色 */
    --bg-body: #F9F9F9;
    --bg-white: #FFFFFF;
    --bg-gray: #FAFAFA;
    
    /* 间距 */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    
    /* 圆角 */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    
    /* 阴影 */
    --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
    --shadow-md: 0 4px 6px rgba(0,0,0,0.1);
    --shadow-lg: 0 10px 15px rgba(0,0,0,0.1);
    
    /* 过渡 */
    --transition-base: all 0.3s ease;
    --transition-fast: all 0.15s ease;
}

/* ========================================
   基础样式重置和优化
   ======================================== */
* {
    box-sizing: border-box;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    color: var(--text-primary);
    background-color: var(--bg-body);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ========================================
   工具类
   ======================================== */
.text-primary { color: var(--primary-color) !important; }
.text-secondary { color: var(--text-secondary) !important; }
.text-muted { color: var(--text-muted) !important; }

.bg-primary { background-color: var(--primary-color) !important; }
.bg-success { background-color: var(--success-color) !important; }
.bg-warning { background-color: var(--warning-color) !important; }
.bg-danger { background-color: var(--danger-color) !important; }

.shadow-sm { box-shadow: var(--shadow-sm); }
.shadow-md { box-shadow: var(--shadow-md); }
.shadow-lg { box-shadow: var(--shadow-lg); }

/* ========================================
   兼容性样式 - 临时保留cg-类名支持
   ======================================== */
.cg-wrapper {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.cg-main {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.cg-sidebar {
    /* 侧边栏样式将在components.css中定义 */
}

.cg-topbar {
    /* 顶部栏样式将在components.css中定义 */
}

/* 响应式 */
@media (max-width: 768px) {
    .cg-wrapper {
        flex-direction: column;
    }
}