/* ============================================
   中健兴康官网 · Design Tokens
   美学方向: 编辑级权威（Editorial Authority）
   配色法则: 70-15-10-5
   ============================================ */

:root {
  /* ============ 主色系 ============ */
  --color-primary: #0A2540;        /* 深海蓝 · 主色 70% */
  --color-primary-deep: #061A2E;
  --color-primary-light: #1A3A5C;

  --color-secondary: #10B981;      /* 健康绿 · 辅助 15% */
  --color-secondary-deep: #047857;
  --color-secondary-light: #34D399;

  --color-bg: #FAFAF7;            /* 米白底 · 背景 10% */
  --color-bg-warm: #F4F1EA;       /* 暖白 · 区块背景 */
  --color-bg-card: #FFFFFF;
  --color-bg-dark: #0A2540;

  --color-accent: #C8A45E;         /* 国资金 · 点缀 5% */
  --color-accent-deep: #A8893D;

  /* ============ 文字色 ============ */
  --color-text: #1A1F36;
  --color-text-secondary: #525F7F;
  --color-text-tertiary: #8898AA;
  --color-text-inverse: #FAFAF7;
  --color-text-on-primary: #FFFFFF;
  --color-text-accent: #C8A45E;

  /* ============ 边框 ============ */
  --color-border: #E6EAF0;
  --color-border-dark: #C4CDD5;
  --color-border-strong: #0A2540;
  --color-border-accent: #C8A45E;

  /* ============ 状态色 ============ */
  --color-success: #10B981;
  --color-warning: #F59E0B;
  --color-danger: #DC2626;        /* 仅用于风险提示 */
  --color-info: #0EA5E9;

  /* ============ 字体 ============ */
  --font-serif: "Source Han Serif SC", "Noto Serif SC",
                "Songti SC", "STSong", "SimSun", serif;
  --font-sans: "Source Han Sans SC", "Noto Sans SC",
               "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", sans-serif;
  --font-mono: "IBM Plex Mono", "JetBrains Mono", "SF Mono",
               "Roboto Mono", Consolas, monospace;

  /* ============ 字号 ============ */
  --text-display: clamp(2.75rem, 5.5vw, 4.5rem);   /* 44-72px */
  --text-h1: clamp(2.25rem, 4vw, 3rem);            /* 36-48px */
  --text-h2: clamp(1.75rem, 3vw, 2.25rem);         /* 28-36px */
  --text-h3: clamp(1.25rem, 2vw, 1.5rem);          /* 20-24px */
  --text-h4: 1.25rem;                               /* 20px */
  --text-body: 1rem;                                /* 16px */
  --text-body-lg: 1.125rem;                         /* 18px */
  --text-small: 0.875rem;                           /* 14px */
  --text-xs: 0.75rem;                               /* 12px */
  --text-xxs: 0.6875rem;                            /* 11px */

  /* ============ 行高 ============ */
  --leading-tight: 1.15;
  --leading-snug: 1.35;
  --leading-normal: 1.6;
  --leading-relaxed: 1.75;

  /* ============ 字重 ============ */
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* ============ 间距 ============ */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-32: 8rem;
  --space-40: 10rem;

  /* ============ 容器 ============ */
  --container-narrow: 800px;
  --container-base: 1080px;
  --container-wide: 1280px;
  --container-full: 1440px;
  --gutter: clamp(1rem, 4vw, 2rem);

  /* ============ 圆角 ============ */
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  /* ============ 阴影 ============ */
  --shadow-xs: 0 1px 2px rgba(10, 37, 64, 0.04);
  --shadow-sm: 0 2px 8px rgba(10, 37, 64, 0.06);
  --shadow-md: 0 4px 16px rgba(10, 37, 64, 0.08);
  --shadow-lg: 0 12px 32px rgba(10, 37, 64, 0.12);
  --shadow-xl: 0 24px 64px rgba(10, 37, 64, 0.16);
  --shadow-accent: 0 8px 24px rgba(200, 164, 94, 0.20);

  /* ============ 过渡 ============ */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --duration-fast: 150ms;
  --duration-base: 300ms;
  --duration-slow: 600ms;

  /* ============ 层级 ============ */
  --z-dropdown: 100;
  --z-sticky: 200;
  --z-overlay: 500;
  --z-modal: 1000;
  --z-toast: 2000;
  --z-risk-bar: 3000;

  /* ============ 布局 ============ */
  --header-height: 72px;
  --risk-bar-height: 56px;
  --footer-min-height: 320px;
}

/* ============ 媒体查询断点（参考） ============ */
/* 
  sm: 640px
  md: 768px
  lg: 1024px
  xl: 1280px
  2xl: 1536px
*/