/* =============================================================
   智答云官网 V3 · 设计令牌
   语义命名对齐 packages/tokens/build/tokens.css（--{domain}-{role}-{scale}）
   色值来源：DS-001 V1.0「Light AI」
   本文件是全站唯一允许出现色值 / 尺寸字面量的地方。
   --mkt-* 为营销级扩展（DS-001 扩展），不属于包内语义令牌。
   零依赖、无 CDN、无外链字体；V2 已退役，本目录为唯一官网。
   ============================================================= */

:root {
  /* ---------- color ---------- */
  --color-bg-base: #F6F8FC;
  --color-bg-surface: #FFFFFF;
  --color-bg-subtle: #F1F5FA;
  --color-bg-hover: #F4F7FD;
  --color-bg-sunken: #EDF1F7;
  --color-border-default: #E6EBF2;
  --color-border-strong: #D6DEEA;
  --color-divider: #EEF2F7;
  --color-text-primary: #0F172A;
  --color-text-secondary: #475569;
  --color-text-tertiary: #7A8798;
  --color-text-disabled: #A3AEBE;
  --color-text-inverse: #FFFFFF;
  --color-brand-primary: #3D6BFF;
  --color-brand-hover: #2F56E8;
  --color-brand-subtle: #EEF3FF;
  --color-brand-strong: #2544BC;
  --color-ai-primary: #7A5AF8;
  --color-ai-subtle: #F3F0FF;
  --color-teal-primary: #12B8A6;
  --color-success: #16A34A;
  --color-success-bg: #E9F9EF;
  --color-warning: #E08700;
  --color-warning-bg: #FFF5E5;
  --color-danger: #E0393E;
  --color-danger-bg: #FDECEC;
  --color-info: #3D6BFF;
  --color-info-bg: #EDF3FF;
  --color-neutral: #7A8798;
  --color-neutral-bg: #F1F5FA;

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

  /* ---------- radius ---------- */
  --radius-xs: 6px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-full: 999px;

  /* ---------- font-size ---------- */
  --font-size-display: 32px;
  --font-size-h1: 24px;
  --font-size-h2: 20px;
  --font-size-h3: 16px;
  --font-size-body-lg: 15px;
  --font-size-body: 14px;
  --font-size-caption: 13px;
  --font-size-mini: 12px;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semi: 600;
  --font-weight-bold: 700;
  --line-height-tight: 1.25;
  --line-height-head: 1.35;
  --line-height-body: 1.6;
  --line-height-table: 1.5;

  /* ---------- shadow / motion / layer / layout ---------- */
  --shadow-card: 0 1px 2px rgba(15, 23, 42, .05);
  --shadow-hover: 0 2px 8px rgba(15, 23, 42, .06);
  --shadow-overlay: 0 8px 24px rgba(15, 23, 42, .10);
  --shadow-modal: 0 16px 48px rgba(15, 23, 42, .14);
  --shadow-ring-brand: 0 0 0 3px rgba(61, 107, 255, .16);
  --shadow-ring-danger: 0 0 0 3px rgba(224, 57, 62, .16);
  --duration-fast: 160ms;
  --duration-base: 240ms;
  --ease-standard: cubic-bezier(.22, .61, .36, 1);
  --z-index-sticky: 20;
  --z-index-tabbar: 30;
  --z-index-drawer: 60;
  --z-index-modal: 70;
  --z-index-toast: 90;
  --layout-content-max: 1440;
  --layout-page-pad: 24;
  --layout-card-pad: 20;

  /* ---------- chart / gradient / font-family ---------- */
  --chart-1: #3D6BFF;
  --chart-2: #7A5AF8;
  --chart-3: #12B8A6;
  --chart-4: #E08700;
  --chart-5: #E0393E;
  --chart-6: #7A8798;
  --gradient-ai: linear-gradient(135deg, #3D6BFF 0%, #7A5AF8 100%);
  --gradient-ai-soft: linear-gradient(135deg, #EEF3FF 0%, #F3F0FF 100%);
  --gradient-brand: linear-gradient(135deg, #4A76FF 0%, #2F56E8 100%);
  --gradient-teal: linear-gradient(135deg, #2FCDBA 0%, #12B8A6 100%);
  --font-family-sans: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, "Noto Sans SC", sans-serif;
  --font-family-num: Inter, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  --font-family-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;

  /* ---------- 营销级扩展（DS-001 扩展，--mkt-*） ---------- */
  --mkt-container: 1200px;
  --mkt-container-narrow: 880px;
  --mkt-header-h: 68px;
  --mkt-section-y: 88px;
  --mkt-page-pad: 24px;
  --mkt-hero-size: 52px;
  --mkt-title-size: 36px;
  --mkt-lead-size: 17px;
  --mkt-space-16: 64px;
  --mkt-space-20: 80px;
  --mkt-space-24: 96px;
  --mkt-glow-brand: 0 18px 48px rgba(61, 107, 255, .22);
  --mkt-glow-ai: 0 18px 48px rgba(122, 90, 248, .20);
  --mkt-shadow-float: 0 24px 64px rgba(15, 23, 42, .10);
  --mkt-aurora-brand: radial-gradient(closest-side, rgba(61, 107, 255, .20), transparent 100%);
  --mkt-aurora-ai: radial-gradient(closest-side, rgba(122, 90, 248, .18), transparent 100%);
  --mkt-aurora-teal: radial-gradient(closest-side, rgba(18, 184, 166, .14), transparent 100%);
  --mkt-grid-line: rgba(61, 107, 255, .055);
  --mkt-glass-bg: rgba(255, 255, 255, .72);
  --mkt-glass-border: rgba(255, 255, 255, .9);
  --mkt-mesh: linear-gradient(120deg, #EEF3FF 0%, #F3F0FF 55%, #E6F8F6 100%);
  --mkt-touch-min: 48px;
  --mkt-duration-reveal: 620ms;
  --mkt-ease-out: cubic-bezier(.16, 1, .3, 1);
}

@media (min-width: 768px) and (max-width: 1199px) {
  :root {
    --mkt-hero-size: 44px;
    --mkt-title-size: 30px;
    --mkt-section-y: 72px;
    --mkt-space-24: 72px;
  }
}

@media (max-width: 767px) {
  :root {
    --mkt-hero-size: 32px;
    --mkt-title-size: 25px;
    --mkt-lead-size: 15px;
    --mkt-section-y: 56px;
    --mkt-page-pad: 16px;
    --mkt-header-h: 56px;
    --mkt-space-16: 40px;
    --mkt-space-20: 48px;
    --mkt-space-24: 56px;
  }
}