:root {
  /* colors */
  --bg: #0B0F14;
  --bg-soft: #10151C;
  --panel: #151B23;
  --line: #1E2731;
  --line-bright: #2B3844;
  --text: #EAF0F4;
  --text-dim: #8B9BA8;

  --accent: #2F6FED;
  /* #2F6FED */
  --accent-bright: #5B8DFF;
  /* #5B8DFF */
  --accent-dim: rgba(47, 111, 237, 0.14);
  /* rgba(47, 111, 237, 0.14) */
  --accent-glow: rgba(47, 111, 237, 0.35);
  /* rgba(47, 111, 237, 0.35) */

  --success: #4ADE80;
  --telegram: #2AABEE;

  /* typography */
  --font-heading: 'Space Grotesk', sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;

  /* radii */
  --radius-sm: 8px;
  --radius-md: 13px;
  --radius-lg: 16px;
  --radius-xl: 20px;

  /* spacing */
  --space-section: 88px;
  --space-hero-top: 80px;

  /* shadows */
  --shadow-card: 0 20px 50px rgba(0,0,0,0.4), 0 0 0 1px var(--line-bright);
  --shadow-btn-hover: 0 8px 24px var(--accent-glow);

  /* motion */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --duration-fast: 0.15s;
  --duration-med: 0.4s;
  --duration-slow: 0.7s;
}