/* =====================================================
   CSS 变量 — 达润自动化 (Darren Autotech) 官网
   与小程序配色保持一致
   ===================================================== */
:root {
  /* 主色 */
  --color-primary:        #1a7c3e;
  --color-primary-dark:   #155f30;
  --color-primary-light:  #e8f5ee;
  --color-primary-mid:    #2da65a;

  /* 文字 */
  --color-text:           #333333;
  --color-text-secondary: #555555;
  --color-text-muted:     #888888;
  --color-text-light:     #aaaaaa;

  /* 背景 */
  --color-bg:             #f5f5f5;
  --color-white:          #ffffff;
  --color-border:         #eeeeee;
  --color-border-mid:     #dddddd;

  /* 字体 */
  --font-family: "PingFang SC", "Helvetica Neue", Arial, "Microsoft YaHei", sans-serif;

  /* 圆角 */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-pill: 999px;

  /* 阴影 */
  --shadow-card: 0 2px 12px rgba(0, 0, 0, 0.06);
  --shadow-hover: 0 6px 24px rgba(0, 0, 0, 0.12);

  /* 间距 */
  --section-gap: 80px;
  --container-width: 1200px;
  --container-padding: 24px;

  /* 导航高度 */
  --header-height: 64px;

  /* 过渡 */
  --transition: 0.2s ease;
}

@media (max-width: 1199px) {
  :root { --container-width: 960px; }
}

@media (max-width: 767px) {
  :root {
    --section-gap: 48px;
    --container-padding: 16px;
  }
}

@media (max-width: 480px) {
  :root {
    --section-gap: 36px;
    --container-padding: 14px;
  }
}