/**
 * ==========================================
 * 《养三丹》网页 - CSS变量统一管理
 * ==========================================
 * 修改此文件可全局调整网站风格
 */

/* 🎨 主色 - 国际生命科技风格 */
:root {
  /* 深邃科技蓝 - 主色调，体现专业与权威 */
  --color-primary: #0A3D7C;

  /* 深空蓝 - 用于次级背景、强调元素 */
  --color-secondary: #052B5A;

  /* 活力青蓝 - 用于重点强调、按钮、图标 */
  --color-accent: #2E7D9F;

  /* 🧊 辅助色 - 高级灰调 */
  /* 纯净白 - 用于浅色背景、卡片 */
  --color-tech-light: #FAFAFB;

  /* 极浅灰 - 用于分隔线、边框、辅助背景 */
  --color-tech-gray: #E8EAED;

  /* 科技浅蓝 - 用于链接、科技感装饰 */
  --color-tech-blue: #5BA3D9;

  /* ⚪ 中性色 - 精细化调整 */
  --color-white: #FFFFFF;
  --color-text: #1A1A1A;
  --color-text-light: #5A5A5A;
  --color-text-muted: #8A8A8A;

  /* 🎨 新增高级色彩 */
  /* 金色点缀 - 用于强调和特殊标识 */
  --color-gold: #B8860B;

  /* 银灰色 - 用于装饰和分隔 */
  --color-silver: #C0C0C0;

  /* 🔤 字体规范 - 国际化字体栈 */
  /* 标题字体 - 现代优雅 */
  --font-title: 'Helvetica Neue', 'Arial', 'PingFang SC', 'Microsoft YaHei', sans-serif;

  /* 正文字体 - 清晰易读 */
  --font-body: 'Segoe UI', 'Roboto', 'Helvetica Neue', 'PingFang SC', 'Microsoft YaHei', sans-serif;

  /* 字号层级 - 国际标准 */
  --font-size-h1: 5.6rem;
  --font-size-h2: 4.2rem;
  --font-size-h3: 2.8rem;
  --font-size-h4: 2.0rem;
  --font-size-body: 1.6rem;
  --font-size-small: 1.4rem;
  --font-size-xs: 1.2rem;

  /* 行高与字间距 - 精细调整 */
  --line-height-tight: 1.15;
  --line-height-normal: 1.6;
  --line-height-relaxed: 1.75;
  --letter-spacing-normal: 0.03em;
  --letter-spacing-wide: 0.08em;

  /* 📐 间距系统 - 更精致的间距 */
  --spacing-xs: 0.8rem;
  --spacing-sm: 1.6rem;
  --spacing-md: 2.4rem;
  --spacing-lg: 3.2rem;
  --spacing-xl: 5.6rem;
  --spacing-xxl: 7.2rem;

  /* 🎯 圆角 - 更精致 */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 32px;

  /* ⏱️ 过渡动画 - 更平滑 */
  --transition-fast: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 0.6s cubic-bezier(0.4, 0, 0.2, 1);

  /* 🖼️ 最大宽度 */
  --container-max: 1280px;
  --banner-height: 85vh;
  --banner-height-mobile: 65vh;

  /* 🌟 新增阴影系统 */
  --shadow-subtle: 0 2px 8px rgba(0, 0, 0, 0.04);
  --shadow-soft: 0 4px 16px rgba(0, 0, 0, 0.06);
  --shadow-medium: 0 8px 24px rgba(0, 0, 0, 0.08);
  --shadow-large: 0 16px 40px rgba(0, 0, 0, 0.1);
  --shadow-premium: 0 24px 60px rgba(0, 0, 0, 0.12);

  /* 📦 新增渐变 */
  --gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
  --gradient-accent: linear-gradient(135deg, var(--color-accent) 0%, var(--color-primary) 100%);
  --gradient-subtle: linear-gradient(135deg, #F5F7FA 0%, #E8EEF5 100%);
}