/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   AwfAI Design System v2 — CSS Custom Properties
   Source of truth: .agent/网站改版/styles-v2.css
   Purpose: Provide CSS variables for inline styles, <style>
   blocks, and any CSS that UnoCSS atomic classes cannot cover.
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

:root {
  /* — Surfaces (Linear-inspired luminance stacking) — */
  --bg-deepest:   #050B18;
  --bg-base:      #07111F;
  --bg-elevated:  #0E1A2F;
  --bg-surface:   #13233B;
  --bg-glass:     rgba(14, 26, 47, 0.55);
  --bg-glass-hi:  rgba(19, 35, 59, 0.65);

  /* — Brand Palette (aligned to AWF logo gradient) — */
  --brand-orange:  #F5874A;
  --brand-coral:   #EC6E55;
  --brand-pink:    #D94F7A;
  --brand-magenta: #B54EA0;
  --brand-cyan:    #0FA8C7;
  --brand-cyan-lt: #17C6E8;
  --brand-green:   #24D38A;
  --brand-violet:  #A87BFF;

  /* — Text — */
  --text-primary:   #F0F2F8;
  --text-secondary: #9FB2C8;
  --text-muted:     #6B7F96;
  --text-inverse:   #07111F;

  /* — Borders — */
  --border-subtle:  rgba(255, 255, 255, 0.06);
  --border-default: rgba(255, 255, 255, 0.10);
  --border-strong:  rgba(255, 255, 255, 0.16);

  /* — Shadows — */
  --shadow-card:
    rgba(7, 17, 31, 0.5) 0px 24px 48px -12px,
    rgba(245, 135, 74, 0.03) 0px 0px 0px 1px;
  --shadow-glow-cyan:   0 0 60px rgba(15, 168, 199, 0.15);
  --shadow-glow-pink:   0 0 60px rgba(217, 79, 122, 0.12);
  --shadow-glow-orange: 0 0 72px rgba(245, 135, 74, 0.15);

  /* — Typography — */
  --ff-sans:  'Inter', -apple-system, 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --ff-mono:  'JetBrains Mono', ui-monospace, 'SFMono-Regular', monospace;

  /* — Spacing — */
  --space-xs: 4px;  --space-sm: 8px;  --space-md: 16px;
  --space-lg: 24px; --space-xl: 32px; --space-2xl: 48px;
  --space-3xl: 64px; --space-4xl: 80px; --space-5xl: 120px;

  /* — Radius — */
  --r-sm: 6px; --r-md: 12px; --r-lg: 20px; --r-xl: 28px; --r-pill: 999px;

  /* — Motion — */
  --ease: cubic-bezier(0.22, 0.68, 0, 1);
  --dur-fast: 160ms;
  --dur-base: 280ms;
  --dur-slow: 480ms;

  /* — Layout — */
  --max-w: 1200px;
  --nav-h: 72px;
}

/* ── Base ── */
html {
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color-scheme: dark;
}

::selection {
  background: rgba(217, 79, 122, 0.25);
  color: var(--text-primary);
}