/**
 * 沁园汝瓷 - 全局CSS变量
 * 基于蓝湖设计稿精确提取的设计系统变量
 * 设计稿尺寸: 960px × 3251px (显示宽度1920px, 2倍缩放)
 */

/* ===== 字体文件加载 ===== */
@font-face {
    font-family: 'Source Han Serif CN';
    src: url('../fonts/SourceHanSerifCN-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Han Serif CN';
    src: url('../fonts/SourceHanSerifCN-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {
    /* ===== 主题色 (来自设计稿精确值) ===== */
    /* 主色: 天青色 (设计稿 el16, el58, el59, el63等) */
    --color-primary: rgba(66,147,157,1);
    --color-primary-dark: rgba(55,122,132,1);
    --color-primary-light: rgba(74,155,140,1);
    --color-primary-lighter: rgba(90,184,167,1);
    
    /* ===== 背景色 ===== */
    --color-bg-primary: rgba(255,253,249,1);
    --color-bg-secondary: rgba(248,250,249,1);
    --color-bg-tertiary: rgba(240,244,242,1);
    --color-bg-gray: rgba(248,248,248,1);
    --color-bg-gradient-card: linear-gradient(135deg, rgba(248,250,249,1) 0%, rgba(240,244,242,1) 100%);
    --color-bg-gradient-icon: linear-gradient(135deg, rgba(232,245,240,1) 0%, rgba(214,237,230,1) 100%);
    --color-bg-gradient-icon-hover: linear-gradient(135deg, rgba(74,155,140,1) 0%, rgba(90,184,167,1) 100%);
    
    /* ===== 文字色 (来自设计稿精确值) ===== */
    /* 主文字色: rgba(93,95,96,1) (设计稿 el34-el41) */
    --color-text-primary: rgba(0,0,0,1);
    --color-text-secondary: rgba(93,95,96,1);
    --color-text-tertiary: rgba(136,136,136,1);
    --color-text-muted: rgba(153,153,153,1);
    --color-text-light: rgba(170,170,170,1);
    --color-text-white: rgba(255,253,249,1);
    
    /* ===== 边框/分割线 ===== */
    --color-border: rgba(240,240,240,1);
    --color-border-light: rgba(232,232,232,1);
    --color-divider: rgba(66,147,157,1);
    
    /* ===== 阴影 ===== */
    --shadow-sm: 0 3px 15px rgba(0,0,0,0.05);
    --shadow-md: 0 4px 20px rgba(0,0,0,0.06);
    --shadow-lg: 0 10px 30px rgba(0,0,0,0.1);
    --shadow-card: 0 4px 20px rgba(0,0,0,0.06);
    --shadow-card-hover: 0 10px 30px rgba(74,155,140,0.12);
    --shadow-icon: 0 4px 15px rgba(0,0,0,0.06);
    
    /* ===== 圆角 (设计稿标注: 10px) ===== */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 10px;
    --radius-full: 50%;
    
    /* ===== 间距 (基于设计稿精确值) ===== */
    --spacing-xs: 8px;
    --spacing-sm: 12px;
    --spacing-md: 16px;
    --spacing-lg: 20px;
    --spacing-xl: 25px;
    --spacing-2xl: 30px;
    --spacing-3xl: 35px;
    --spacing-4xl: 40px;
    --spacing-5xl: 50px;
    --spacing-6xl: 60px;
    
    /* ===== 区块间距 ===== */
    --section-padding: 100px 0;
    --section-padding-sm: 80px 0;
    
    /* ===== 容器 (设计稿宽度960px, 1920px显示) ===== */
    --container-max-width: 1400px;
    --container-padding: 0 0px;
    
    /* ===== 字体 (来自设计稿精确值) ===== */
    /* 标题字体: Source Han Serif CN (设计稿 el8, el54, el60等) */
    /* 正文字体: Noto Sans SC, Source Han Sans CN (设计稿 el2, el3, el64等) */
    --font-family-serif: "Source Han Serif CN","PingFang SC","Microsoft YaHei","Hiragino Sans GB",sans-serif;
    --font-family-sans: "Noto Sans SC","PingFang SC","Microsoft YaHei","Hiragino Sans GB",sans-serif;
    --font-family: var(--font-family-serif);
    
    /* 字号 (基于1920px标准响应式缩放) */
    --font-size-xs: 12px;
    --font-size-sm: 14px;
    --font-size-md: 15px;
    --font-size-base: 16px;
    --font-size-lg: 18px;
    --font-size-xl: 20px;
    --font-size-2xl: 24px;
    --font-size-3xl: 28px;
    --font-size-4xl: 36px;
    --font-size-5xl: 48px;
    --font-size-hero: 56px;
    
    /* ===== 字重 ===== */
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    
    /* ===== 行高 ===== */
    --line-height-tight: 1;
    --line-height-base: 1.6;
    --line-height-relaxed: 1.8;
    --line-height-loose: 2;
    
    /* ===== 字间距 ===== */
    --letter-spacing-xs: 1px;
    --letter-spacing-sm: 2px;
    --letter-spacing-md: 3px;
    --letter-spacing-lg: 4px;
    --letter-spacing-xl: 8px;
    
    /* ===== 过渡动画 ===== */
    --transition-fast: 0.3s;
    --transition-normal: 0.35s;
    --transition-slow: 0.5s;
    
    /* ===== 卡片顶部装饰条高度 ===== */
    --card-accent-height: 4px;
    
    /* ===== 卡片图标尺寸 ===== */
    --icon-size-sm: 32px;
    --icon-size-md: 36px;
    --icon-size-lg: 48px;
    --icon-box-size-sm: 60px;
    --icon-box-size-md: 70px;
    --icon-box-size-lg: 80px;
}