/**
 * WebMoon — design tokens (global)
 * Подключается первым. Не содержит селекторов кроме :root / @media.
 */

:root {
  --wm-bg-deep: #07080c;
  --wm-bg: #0c0e14;
  --wm-bg-elevated: #12151e;
  --wm-surface: #161a24;
  --wm-surface-glass: rgba(22, 26, 36, 0.55);
  --wm-border: rgba(255, 255, 255, 0.06);
  --wm-border-strong: rgba(255, 255, 255, 0.12);

  --wm-accent: #5b8cff;
  --wm-accent-soft: rgba(91, 140, 255, 0.14);
  --wm-accent-glow: rgba(91, 140, 255, 0.35);
  --wm-mint: #3ee8c8;
  --wm-mint-soft: rgba(62, 232, 200, 0.12);
  --wm-warn: #ff6b4a;

  --wm-text: rgba(255, 255, 255, 0.92);
  --wm-text-muted: rgba(255, 255, 255, 0.58);
  --wm-text-faint: rgba(255, 255, 255, 0.38);

  --wm-font-sans: "DM Sans", "Inter", system-ui, -apple-system, sans-serif;
  --wm-font-display: "Outfit", "DM Sans", system-ui, sans-serif;
  --wm-font-mono: "JetBrains Mono", "SF Mono", ui-monospace, monospace;

  --wm-text-hero: clamp(2.25rem, 5vw, 3.75rem);
  --wm-text-h1: clamp(1.875rem, 3.5vw, 2.75rem);
  --wm-text-h2: clamp(1.35rem, 2vw, 1.65rem);
  --wm-text-body: 1.0625rem;
  --wm-text-small: 0.875rem;
  --wm-leading-tight: 1.1;
  --wm-leading-body: 1.55;

  --wm-space-xs: 0.25rem;
  --wm-space-sm: 0.5rem;
  --wm-space-md: 1rem;
  --wm-space-lg: 1.5rem;
  --wm-space-xl: 2rem;
  --wm-space-2xl: 3rem;
  --wm-space-section: clamp(4rem, 12vw, 7rem);

  --wm-radius-sm: 8px;
  --wm-radius-md: 14px;
  --wm-radius-lg: 22px;
  --wm-radius-xl: 28px;

  --wm-shadow-soft: 0 8px 32px rgba(0, 0, 0, 0.35);
  --wm-shadow-glow: 0 0 60px var(--wm-accent-glow);
  --wm-blur-glass: 20px;
  --wm-glass-bg: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.07) 0%,
    rgba(255, 255, 255, 0.02) 100%
  );

  /* Brand aliases (semantic names for brand guide consistency) */
  --wm-brand-mint: #3ee8c8;
  --wm-brand-blue: #5b8cff;
  --wm-brand-dark: #07080c;
  --wm-brand-ink: #0c0e14;
  --wm-brand-surface: #161a24;
  --wm-brand-glow-mint: rgba(62, 232, 200, 0.35);
  --wm-brand-glow-blue: rgba(91, 140, 255, 0.35);

  --wm-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --wm-ease-spring: cubic-bezier(0.34, 1.3, 0.64, 1);
  --wm-duration-fast: 160ms;
  --wm-duration: 280ms;
  --wm-duration-slow: 480ms;
  --wm-reduced-motion: 0.01ms;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --wm-duration-fast: var(--wm-reduced-motion);
    --wm-duration: var(--wm-reduced-motion);
    --wm-duration-slow: var(--wm-reduced-motion);
  }
}