/* ============================================================
   Xuzhou Xuzhirui Technology Co., Ltd - Site Configuration
   站点基础配置变量文件（主题色、字体、间距等）
   修改此文件即可全局调整视觉风格
   ============================================================ */

:root {
  /* ========== 主题色彩 ========== */
  --color-primary:        #32302E;   /* 炭灰钛金主色 */
  --color-accent:         #B89668;   /* 暖钛金强调色 */
  --color-white:          #FFFFFF;   /* 纯白 */
  --color-light-gray:     #F4F4F4;   /* 浅灰背景 */
  --color-dark-charcoal:  #262422;   /* 深炭灰 */
  --color-card-bg:        rgba(255, 255, 255, 0.86); /* 卡片半透白底 */

  /* ========== 文字色 ========== */
  --color-text-primary:   #1E1E1E;
  --color-text-secondary: #5A5A5A;
  --color-text-on-dark:   #F4F4F4;
  --color-text-on-accent: #FFFFFF;

  /* ========== 字体 ========== */
  --font-family:          'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --font-size-xs:         0.75rem;    /* 12px */
  --font-size-sm:         0.875rem;   /* 14px */
  --font-size-base:       1rem;       /* 16px */
  --font-size-lg:         1.125rem;   /* 18px */
  --font-size-xl:         1.25rem;    /* 20px */
  --font-size-2xl:        1.5rem;     /* 24px */
  --font-size-3xl:        1.875rem;   /* 30px */
  --font-size-4xl:        2.25rem;    /* 36px */
  --font-size-5xl:        3rem;       /* 48px */

  /* ========== 间距 ========== */
  --spacing-section:      6rem;       /* 分区垂直内边距 */
  --spacing-container:    2rem;       /* 容器水平内边距 */
  --spacing-card:         2.5rem;     /* 卡片内边距 */

  /* ========== 圆角 ========== */
  --radius-sm:            0.375rem;
  --radius-md:            0.75rem;
  --radius-lg:            1rem;
  --radius-xl:            1.5rem;

  /* ========== 阴影 ========== */
  --shadow-card:          0 4px 24px rgba(0, 0, 0, 0.08);
  --shadow-card-hover:    0 8px 40px rgba(0, 0, 0, 0.14);
  --shadow-hero-text:     0 2px 12px rgba(0, 0, 0, 0.50);

  /* ========== 动画 ========== */
  --transition-base:      0.3s ease;
  --transition-slow:      0.6s ease;

  /* ========== 容器最大宽度 ========== */
  --container-max:        1200px;
}