:root {
  /* ============================================================
   * 易丰官网 · 设计 Token（唯一来源）
   * 用途：颜色、间距、圆角、阴影、字号、动效
   * 禁止：在本文件写具体组件样式
   * ============================================================ */

  /* ---------- 品牌色 ---------- */
  --color-brand: #ff3b30;
  --color-brand-dark: #d92f27;
  --color-brand-deep: #a91f1a;
  --color-brand-light: #ff6b62;
  --color-brand-soft: #fff0ef;
  --color-brand-soft-2: #fff7f6;
  --color-brand-border: rgba(255, 59, 48, 0.28);
  --color-brand-hover: #d92f27;

  /* ---------- 辅助色 / 强调色 ---------- */
  --color-secondary: #374151;
  --color-secondary-light: #6b7280;
  --color-secondary-soft: #f0f1f3;
  --color-secondary-border: #e5e7eb;
  --color-secondary-hover: #1f2937;

  --color-accent: #ffb020;
  --color-accent-light: #ffc85a;
  --color-accent-soft: #fff6df;
  --color-accent-border: rgba(255, 176, 32, 0.32);
  --color-accent-hover: #e69a00;

  /* ---------- 状态色 ---------- */
  --color-success: #16a34a;
  --color-success-light: #dcfce7;
  --color-success-border: rgba(22, 163, 74, 0.24);
  --color-success-hover: #15803d;

  --color-warning: #f59e0b;
  --color-warning-light: #fef3c7;
  --color-warning-border: rgba(245, 158, 11, 0.28);
  --color-warning-hover: #d97706;

  --color-error: #ef4444;
  --color-error-light: #fee2e2;
  --color-error-border: rgba(239, 68, 68, 0.24);
  --color-error-hover: #dc2626;

  --color-info: #2563eb;
  --color-info-light: #dbeafe;
  --color-info-border: rgba(37, 99, 235, 0.24);
  --color-info-hover: #1d4ed8;

  /* ---------- 中性色阶 ---------- */
  --color-white: #ffffff;
  --color-black: #111111;
  --color-gray-25: #fbfbfb;
  --color-gray-50: #f7f8fa;
  --color-gray-100: #f0f1f3;
  --color-gray-200: #e5e7eb;
  --color-gray-300: #d1d5db;
  --color-gray-400: #9ca3af;
  --color-gray-500: #6b7280;
  --color-gray-600: #4b5563;
  --color-gray-700: #374151;
  --color-gray-800: #1f2937;
  --color-gray-900: #111827;

  /* ---------- 背景色 ---------- */
  --color-bg-page: #ffffff;
  --color-bg-subtle: #f7f8fa;
  --color-bg-muted: #f6f7f9;
  --color-bg-dark: #171717;
  --color-bg-dark-soft: #191919;
  --color-bg-card: #ffffff;
  --color-bg-overlay: rgba(17, 17, 17, 0.54);
  --color-bg-gradient-brand: linear-gradient(90deg, rgba(169, 31, 26, 0.96), rgba(255, 59, 48, 0.82));
  --color-bg-gradient-soft: linear-gradient(180deg, #f7f8fa 0%, #ffffff 100%);
  --color-bg-gradient-hero: linear-gradient(180deg, rgba(17, 24, 39, 0) 42%, rgba(17, 24, 39, 0.58) 100%);

  /* ---------- 文字色 ---------- */
  --color-text: #1f2937;
  --color-text-strong: #111827;
  --color-text-muted: #6b7280;
  --color-text-subtle: #9ca3af;
  --color-text-inverse: #ffffff;
  --color-text-inverse-muted: rgba(255, 255, 255, 0.76);
  --color-text-brand: var(--color-brand);

  /* ---------- 边框 / 分割线 ---------- */
  --color-border: #e5e7eb;
  --color-border-strong: #d1d5db;
  --color-border-card: rgba(17, 24, 39, 0.06);
  --color-divider: rgba(255, 255, 255, 0.14);
  --border-thin: 1px solid var(--color-border);
  --border-strong: 1px solid var(--color-border-strong);
  --border-brand: 1px solid var(--color-brand-border);

  /* ---------- 按钮色 ---------- */
  --color-btn-primary: var(--color-brand);
  --color-btn-primary-hover: var(--color-brand-dark);
  --color-btn-primary-text: var(--color-white);

  --color-btn-secondary: var(--color-white);
  --color-btn-secondary-hover: #f6f7f9;
  --color-btn-secondary-text: var(--color-text-strong);
  --color-btn-secondary-border: transparent;

  --color-btn-soft: var(--color-brand-soft);
  --color-btn-soft-hover: #ffe4e2;
  --color-btn-soft-text: var(--color-brand-dark);
  --color-btn-soft-border: rgba(169, 31, 26, 0.14);

  --color-btn-ghost: transparent;
  --color-btn-ghost-hover: var(--color-brand-soft);
  --color-btn-ghost-text: var(--color-brand);
  --color-btn-ghost-border: var(--color-brand-border);

  /* ---------- 阴影色 ---------- */
  --shadow-color-xs: rgba(17, 24, 39, 0.06);
  --shadow-color-sm: rgba(17, 24, 39, 0.08);
  --shadow-color-md: rgba(17, 24, 39, 0.12);
  --shadow-color-lg: rgba(17, 24, 39, 0.16);
  --shadow-color-card: rgba(17, 24, 39, 0.065);
  --shadow-color-floating: rgba(17, 24, 39, 0.18);
  --shadow-focus: 0 0 0 4px rgba(255, 59, 48, 0.16);

  /* ---------- 尺寸与布局 ---------- */
  --container-width: 1360px;
  --container-narrow: 880px;
  --container-padding: 20px;
  --section-y: 72px;
  --section-y-wide: 88px;
  --section-inner-gap: 42px;
  --card-gap: 16px;
  --grid-gap: 20px;
  --header-height: 72px;
  --topbar-height: 44px;
  --nav-height: 56px;
  --footer-padding-y: 64px;
  --footer-padding-bottom: 32px;

  /* ---------- 圆角 ---------- */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 24px;
  --radius-pill: 999px;

  /* ---------- 阴影层级 ---------- */
  --shadow-xs: 0 1px 2px var(--shadow-color-xs);
  --shadow-sm: 0 6px 18px var(--shadow-color-sm);
  --shadow-md: 0 14px 34px var(--shadow-color-md);
  --shadow-lg: 0 24px 60px var(--shadow-color-lg);
  --shadow-card: 0 14px 34px var(--shadow-color-card);
  --shadow-floating: 0 18px 48px var(--shadow-color-floating);

  /* ---------- 间距 ---------- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-9: 36px;
  --space-10: 40px;
  --space-11: 44px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;

  /* ---------- 字体族 ---------- */
  --font-family-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  --font-family-number: "DIN Alternate", "Arial Narrow", Arial, sans-serif;

  /* ---------- 字号 ---------- */
  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-base: 16px;
  --font-size-md: 16px;
  --font-size-lg: 18px;
  --font-size-xl: 20px;
  --font-size-2xl: 24px;
  --font-size-3xl: 32px;
  --font-size-4xl: 44px;
  --font-size-5xl: 48px;

  /* ---------- 行高 ---------- */
  --line-height-tight: 1.15;
  --line-height-heading: 1.25;
  --line-height-body: 1.65;

  /* ---------- 字重 ---------- */
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-heavy: 800;

  --letter-spacing-default: 0;

  /* ---------- 动效 ---------- */
  --duration-fast: 0.15s;
  --duration-base: 0.25s;
  --duration-slow: 0.45s;
  --easing-base: ease;
  --easing-out: cubic-bezier(0.22, 1, 0.36, 1);
  --easing-in-out: cubic-bezier(0.4, 0, 0.2, 1);

  /* ---------- 业务常量（全站统一引用） ---------- */
  --site-hotline: "400-100-6666";
  --site-hotline-tel: 4001006666;
  --site-hotline-hours: "08:00-24:00";
  --site-after-sales: "400-156-5666";

  /* 热门路线 HOT 角标（SEO 路线网格） */
  --color-hot-badge: #e53e3e;
}