/* CSS变量系统 - 西藏尼木霸沃建筑有限公司 */

:root {
    /* 颜色变量 */
    --primary-color: #2C3E50;        /* 主色：深蓝色 */
    --secondary-color: #E74C3C;      /* 辅色：砖红色 */
    --accent-color: #F39C12;         /* 强调色：橙色 */
    --background-color: #ECF0F1;     /* 背景色：浅灰色 */
    --text-color: #2C3E50;           /* 文本色：深蓝色 */
    --heading-color: #2C3E50;        /* 标题色：深蓝色 */
    --white-color: #FFFFFF;          /* 白色 */
    --light-gray: #BDC3C7;           /* 浅灰色 */
    --dark-gray: #7F8C8D;            /* 深灰色 */
    --success-color: #27AE60;        /* 成功色：绿色 */
    --warning-color: #F39C12;        /* 警告色：橙色 */
    --danger-color: #E74C3C;         /* 危险色：红色 */
    
    /* 字体变量 */
    --font-family-base: 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', sans-serif;
    --font-family-heading: 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', sans-serif;
    --font-size-base: 16px;
    --font-size-sm: 14px;
    --font-size-lg: 18px;
    --font-size-xl: 24px;
    --font-size-xxl: 32px;
    --font-size-xxxl: 48px;
    --line-height-base: 1.6;
    --line-height-heading: 1.2;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 700;
    
    /* 间距变量 */
    --spacing-xs: 8px;
    --spacing-sm: 16px;
    --spacing-md: 24px;
    --spacing-lg: 32px;
    --spacing-xl: 48px;
    --spacing-xxl: 64px;
    --spacing-xxxl: 96px;
    
    /* 圆角变量 */
    --border-radius-sm: 4px;
    --border-radius-md: 8px;
    --border-radius-lg: 16px;
    --border-radius-xl: 24px;
    --border-radius-round: 50%;
    
    /* 阴影变量 */
    --box-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
    --box-shadow-md: 0 4px 8px rgba(0, 0, 0, 0.15);
    --box-shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.2);
    --box-shadow-xl: 0 12px 24px rgba(0, 0, 0, 0.25);
    
    /* 过渡变量 */
    --transition-fast: 0.2s ease;
    --transition-base: 0.3s ease;
    --transition-slow: 0.5s ease;
    
    /* 容器宽度 */
    --container-max-width: 1200px;
    --container-padding: var(--spacing-md);
    
    /* 导航栏高度 */
    --navbar-height: 80px;
    
    /* Z-index层级 */
    --z-index-dropdown: 1000;
    --z-index-sticky: 1020;
    --z-index-fixed: 1030;
    --z-index-modal-backdrop: 1040;
    --z-index-modal: 1050;
    --z-index-popover: 1060;
    --z-index-tooltip: 1070;
}