/* ============================================
   ArkSMS 云信 · Design Tokens
   逐项复用 frontend-user/src/styles.css:1-108（浅色段）
   ============================================ */
:root {
  /* --- Seed --- */
  --seed-bg: #f5f5f7;
  --seed-fg: #1d1d1f;
  --seed-primary: #0071e3;
  --seed-primary-hover: #0066cc;
  --seed-accent: #2997ff;
  --seed-surface: #ffffff;
  --seed-border: #d2d2d7;
  --seed-radius: 8px;

  /* --- Semantic colors --- */
  --color-bg-page: var(--seed-bg);
  --color-bg-surface: var(--seed-surface);
  --color-bg-muted: #fbfbfd;
  --color-text-primary: var(--seed-fg);
  --color-text-secondary: #6e6e73;
  --color-text-tertiary: #86868b;
  --color-text-inverse: #ffffff;
  --color-action-primary: var(--seed-primary);
  --color-action-primary-hover: var(--seed-primary-hover);
  --color-focus-ring: rgba(0, 113, 227, 0.2);
  --color-state-success: #34c759;
  --color-state-success-bg: #eafbef;
  --color-state-warning: #ff9500;
  --color-state-warning-bg: #fff8eb;
  --color-state-danger: #ff3b30;
  --color-state-danger-bg: #fff0ef;
  --color-state-info: #007aff;
  --color-state-info-bg: #ebf5ff;
  --color-border: var(--seed-border);
  --color-border-light: #e8e8ed;
  --color-divider: #e8e8ed;

  /* --- Spacing (8px base) --- */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 20px;
  --space-2xl: 24px;
  --space-section: 32px;
  --space-card: 16px;

  /* --- Radius tiers --- */
  --radius-control: var(--seed-radius);
  --radius-card: 16px;
  --radius-container: 18px;
  --radius-round: 50%;
  --radius-chip: 980px;

  /* --- Shadows (restrained, tonal) --- */
  --shadow-subtle: 0 1px 3px rgba(0, 0, 0, 0.06);
  --shadow-raised: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-overlay: 0 4px 16px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.06);

  /* --- Type --- */
  --font-display: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text',
    'PingFang SC', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-mono: 'SF Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --fs-display: 40px;
  --fs-h1: 32px;
  --fs-h2: 24px;
  --fs-h3: 21px;
  --fs-body: 14px;
  --fs-small: 13px;
  --fs-caption: 12px;
  --lh-tight: 1.15;
  --lh-normal: 1.47;
  --lh-loose: 1.6;

  /* --- Motion --- */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --t-fast: 0.15s;
  --t-mid: 0.25s;
  --t-slow: 0.35s;

  /* --- Layout --- */
  --header-h: 60px;
  --container: 1400px;

  /* --- 运营商识别色 --- */
  --op-mobile: #0071e3;
  --op-unicom: #e74c3c;
  --op-telecom: #2da54a;

  /* --- 产品分组循环色 --- */
  --cycle-1: #0071e3;
  --cycle-2: #722ed1;
  --cycle-3: #d46b08;
  --cycle-4: #34c759;

  /* --- Hero / CTA 渐变（源自登录页海报） --- */
  --grad-hero: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}