/* =================================================================
   销帮 GEO — AI Agent Suite
   Style: Futuristic Tech · Glassmorphism · Dark
   Fonts: Space Grotesk / DM Sans / Noto Sans SC / JetBrains Mono
================================================================= */

:root {
  /* palette */
  --bg-0: #05070d;
  --bg-1: #090d18;
  --bg-2: #0f1424;
  --surface: rgba(255, 255, 255, 0.04);
  --surface-hi: rgba(255, 255, 255, 0.07);
  --border: rgba(255, 255, 255, 0.08);
  --border-hi: rgba(255, 255, 255, 0.18);

  --text: #eef2fb;
  --text-dim: #9aa6bf;
  --text-mute: #64708b;

  --accent: #00d4ff; /* electric cyan */
  --accent-2: #7c3aed; /* violet */
  --accent-3: #22d3ee;
  --grad: linear-gradient(135deg, #00d4ff 0%, #7c3aed 100%);
  --grad-soft: linear-gradient(135deg, rgba(0, 212, 255, 0.15), rgba(124, 58, 237, 0.15));

  /* typography */
  --font-display: 'Space Grotesk', 'Noto Sans SC', system-ui, sans-serif;
  --font-body: 'DM Sans', 'Noto Sans SC', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;

  /* spacing */
  --radius-sm: 8px;
  --radius: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --gutter: clamp(1rem, 2vw, 1.5rem);
  --section-y: clamp(4rem, 9vw, 9rem);

  /* motion — durations */
  --dur-fast: 140ms;
  --dur: 240ms;
  --dur-slow: 460ms;
  --dur-reveal: 720ms;
  --dur-count: 1200ms;

  /* motion — easing */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);   /* 入场 / 揭示 */
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);    /* 出场 / 收起 */
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1); /* 弹跳强调 */
  --ease-breathe: ease-in-out;                 /* 环境对称循环 */

  /* motion — rhythm */
  --stagger-step: 90ms;
  --stagger-item: 60ms;
  --tempo-breathe: 4s;
  --tempo-float: 4.8s;
  --tempo-scan: 6s;
  --tempo-spin-outer: 24s;
  --tempo-spin-mid: 18s;
  --tempo-spin-inner: 12s;

  /* z */
  --z-bg: -1;
  --z-base: 1;
  --z-nav: 50;
}