/**
 * huiwww01 设计 Token
 * @see public/web/huiwww01/docs/DESIGN_TOKENS.md
 */

:root {
  /* 品牌色 */
  --hw-color-primary: #1A56DB;
  --hw-color-primary-hover: #1648C0;
  --hw-color-primary-light: rgba(26, 86, 219, 0.08);
  --hw-color-accent: #FF6739;
  --hw-color-accent-hover: #E85A2E;
  --hw-btn-hover-shadow: 0 4px 14px rgba(0, 0, 0, 0.14);
  --hw-btn-hover-shadow-accent: 0 4px 14px rgba(255, 103, 57, 0.38);
  --hw-btn-hover-shadow-banner: 0 4px 14px rgba(255, 68, 68, 0.42);
  --hw-color-accent-active: #E45931;
  --hw-color-dark: #1E2130;
  --hw-color-dark-alt: #13182C;

  /* 中性色 */
  --hw-color-text: rgba(0, 0, 0, 0.90);
  --hw-color-text-secondary: rgba(0, 0, 0, 0.60);
  --hw-color-text-muted: rgba(0, 0, 0, 0.40);
  --hw-color-text-inverse: rgba(255, 255, 255, 0.90);
  --hw-color-border: #E6EAED;
  --hw-color-border-light: #EDEDED;
  --hw-color-bg: #FFFFFF;
  --hw-color-bg-section: #F7F8FA;
  --hw-color-bg-muted: #F7F8F9;

  /* 语义色 */
  --hw-color-success: #39B54A;
  --hw-color-warning: #FBBD08;
  --hw-color-danger: #EA5B2F;
  --hw-color-info: #1A56DB;

  /* 阴影 */
  --hw-shadow-sm: 0 0 8px rgba(52, 52, 52, 0.08);
  --hw-shadow-md: 0 0 16px rgba(52, 52, 52, 0.16);
  --hw-shadow-nav: 0 0 8px rgba(52, 52, 52, 0.08);

  /* 字体 */
  --hw-font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  --hw-font-family-mono: "SF Mono", "Consolas", monospace;
  --hw-font-size-xs: 12px;
  --hw-font-size-sm: 13px;
  --hw-font-size-base: 14px;
  --hw-font-size-md: 16px;
  --hw-font-size-lg: 18px;
  --hw-font-size-xl: 20px;
  --hw-font-size-2xl: 22px;
  --hw-font-size-3xl: 24px;
  --hw-font-size-4xl: 32px;
  --hw-font-size-5xl: 40px;
  --hw-font-weight-normal: 400;
  --hw-font-weight-medium: 500;
  --hw-font-weight-bold: 700;
  --hw-line-height-tight: 1.2;
  --hw-line-height-base: 1.5;
  --hw-line-height-loose: 1.8;
  --hw-letter-spacing: normal;
  --hw-letter-spacing-wide: 0.02em;

  /* 按钮 / 表单（对齐亿速云） */
  --hw-btn-height: 32px;
  --hw-btn-height-lg: 40px;
  --hw-btn-font-size: 14px;
  --hw-btn-px: 16px;
  --hw-btn-px-primary: 20px;
  --hw-btn-px-lg: 24px;
  --hw-input-height: 40px;

  /* 首页 Banner（对齐亿速云 index-banner） */
  --hw-banner-height: 504px;
  --hw-banner-bg: #fff;
  --hw-banner-content-width: 600px;
  --hw-banner-img-width: 640px;
  --hw-banner-img-height: 384px;
  --hw-banner-title-size: 48px;
  --hw-banner-title-lh: 58px;
  --hw-banner-title-color: #2D3037;
  --hw-banner-desc-size: 18px;
  --hw-banner-desc-lh: 28px;
  --hw-banner-desc-color: #5E6D81;
  --hw-banner-desc-mt: 30px;
  --hw-banner-action-mt: 32px;
  --hw-banner-btn-width: 144px;
  --hw-banner-btn-height: 44px;
  --hw-banner-btn-font-size: 16px;
  --hw-banner-btn-bg: #FF6666;
  --hw-banner-btn-bg-hover: #FF4444;

  /* 圆角 */
  --hw-radius-xs: 1px;
  --hw-radius-sm: 3px;
  --hw-radius-md: 6px;
  --hw-radius-lg: 8px;
  --hw-radius-pill: 40px;
  --hw-radius-full: 50%;

  /* 间距 */
  --hw-space-1: 4px;
  --hw-space-2: 8px;
  --hw-space-3: 12px;
  --hw-space-4: 16px;
  --hw-space-5: 20px;
  --hw-space-6: 24px;
  --hw-space-8: 32px;
  --hw-space-10: 40px;
  --hw-space-12: 48px;
  --hw-space-16: 64px;
  --hw-space-20: 80px;

  /* 布局 */
  --hw-container-max: 1440px;
  --hw-container-padding: 20px;
  --hw-nav-height: 80px;
  --hw-nav-item-px: 16px;
  --hw-nav-link-size: 16px;
  --hw-nav-link-lh: 24px;
  --hw-nav-underline-gap: 15px;
  --hw-nav-underline-height: 2px;
  --hw-nav-control-size: 14px;
  --hw-nav-control-gap: 20px;
  --hw-nav-action-gap: 12px;
  --hw-nav-btn-height: 36px;
  --hw-nav-btn-width: 96px;
  --hw-nav-auth-login-border: #747577;
  --hw-nav-auth-login-color: rgba(0, 0, 0, 0.90);
  --hw-nav-auth-reg-bg: #FF6666;
  --hw-nav-auth-reg-bg-hover: #FF4444;
  --hw-nav-auth-btn-size: 14px;
  --hw-logo-width: 117px;
  --hw-logo-height: 38px;
  --hw-logo-gap: 40px;
  --hw-card-product-width: 335px;
  --hw-cloud-item-width: 280px;
  --hw-price-bar-width: 320px;

  /* 断点（供 JS / media query 引用） */
  --hw-bp-xs: 480px;
  --hw-bp-sm: 768px;
  --hw-bp-md: 992px;
  --hw-bp-lg: 1200px;
  --hw-bp-xl: 1440px;

  /* mf_cloud / Element UI 兼容 */
  --color-primary: var(--hw-color-primary);
}