/* ============================================
   DESIGN TOKENS — Nicolo-Pro v2
   沉稳蓝灰 + 暖金沙 · 极简B2B · 白底图优化
   ============================================ */

:root {
  /* ── 主色：深海蓝（专业·沉稳）── */
  --color-dark:         #2C404F;
  --color-primary:      #4A6B7F;
  --color-primary-hover:#3A5A6E;
  --color-primary-light:#E8EDF2;
  --color-primary-pale: #F0F4F7;
  --color-primary-active: #1F3040;

  /* ── 辅色：暖金沙（品质点缀）── */
  --color-accent:         #C4956A;
  --color-accent-hover:   #A87D52;
  --color-accent-light:   #F8F0E5;
  --color-accent-pale:    #FCF8F0;
  --color-accent-text:    #A87D52;   /* 文字用，对比度 3.6:1 */

  /* ── 中性暖灰色系 ── */
  --color-white:    #FFFFFF;
  --color-gray-50:  #FAFAF7;
  --color-gray-100: #F5F4F0;
  --color-gray-200: #E5E0D8;
  --color-gray-300: #D3CEC5;
  --color-gray-400: #8A959E;
  --color-gray-500: #6B7A85;
  --color-gray-600: #556570;
  --color-gray-700: #3A4A55;
  --color-gray-800: #2C3A42;
  --color-gray-900: #1A2A35;

  /* ── 语义色 ── */
  --color-success: #3A8D6B;
  --color-warning: #D4A34A;
  --color-error:   #C45A4A;
  --color-info:    #4A7B9E;

  /* ── 背景与表面 ── */
  --color-bg:            var(--color-gray-100);
  --color-bg-alt:        var(--color-gray-50);
  --color-bg-dark:       var(--color-dark);
  --color-surface:       var(--color-white);
  --color-surface-hover: var(--color-gray-50);
  --color-overlay:       rgba(44, 64, 79, 0.75);

  /* ── 文字色 ── */
  --color-text:          var(--color-gray-700);
  --color-text-secondary: var(--color-gray-500);
  --color-text-muted:    var(--color-gray-500);
  --color-text-inverse:  var(--color-white);
  --color-heading:       var(--color-gray-800);

  /* ── 边框 ── */
  --color-border:       var(--color-gray-200);
  --color-border-light: var(--color-gray-100);
  --color-border-dark:  var(--color-gray-300);

  /* ── Header & Footer ── */
  --color-header-bg:       rgba(255, 255, 255, 0.96);
  --color-header-border:   var(--color-gray-200);
  --color-footer-bg:       #1F2D36;
  --color-footer-text:     rgba(255,255,255,0.6);
  --color-footer-heading:  var(--color-white);
  --color-footer-link:     rgba(255,255,255,0.6);
  --color-footer-link-hover: var(--color-white);
  --color-footer-divider:  rgba(255,255,255,0.06);

  /* ── 字体（中文优先）── */
  --font-cn:      'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', 'Hiragino Sans GB', sans-serif;
  --font-heading: 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --font-body:    'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;

  /* ── 字号 ── */
  --text-hero:    2.5rem;    /* 40px */
  --text-display: 1.75rem;   /* 28px */
  --text-h1:      1.625rem;  /* 26px */
  --text-h2:      1.5rem;    /* 24px */
  --text-h3:      1.125rem;  /* 18px */
  --text-h4:      1rem;      /* 16px */
  --text-body:    0.9375rem; /* 15px */
  --text-small:   0.8125rem; /* 13px */
  --text-micro:   0.75rem;   /* 12px */

  --font-weight-normal:   400;
  --font-weight-medium:   500;
  --font-weight-semibold: 600;
  --font-weight-bold:     700;

  --line-height-tight:   1.15;
  --line-height-normal:  1.7;
  --line-height-relaxed: 1.8;

  /* ── 间距（4px 基数）── */
  --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;

  /* ── 布局 ── */
  --container-max:     1200px;
  --container-padding: var(--space-6);
  --grid-gap:          20px;
  --section-padding-y: 72px;

  /* ── 圆角 ── */
  --radius-sm:   4px;
  --radius-md:   6px;
  --radius-lg:   10px;
  --radius-xl:   14px;
  --radius-2xl:  20px;
  --radius-full: 9999px;

  /* ── 阴影（柔和）── */
  --shadow-sm:  0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-md:  0 4px 12px rgba(0, 0, 0, 0.06);
  --shadow-lg:  0 8px 24px rgba(0, 0, 0, 0.08);
  --shadow-xl:  0 16px 40px rgba(0, 0, 0, 0.10);

  /* ── Z-index ── */
  --z-dropdown: 100; --z-sticky: 200;
  --z-overlay:  300; --z-modal:  400; --z-toast: 500;

  /* ── Header ── */
  --header-height: 64px;
  --header-height-mobile: 60px;

  /* ── 过渡 ── */
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;
  --transition-slow: 400ms ease;

  /* ── 聚焦环 ── */
  --focus-ring: 0 0 0 3px rgba(44, 64, 79, 0.2);
}