/* BuildMoat shared design tokens.
   Single source of truth for brand colors, spacing, type and motion.
   Loaded by the landing hub and by both course sites BEFORE their own stylesheet. */

:root {
  /* AtomAI inspired color system */
  --bg-primary: #000000;
  --bg-secondary: #0a0a0a;
  --bg-tertiary: #111111;
  --text-primary: #ffffff;
  --text-secondary: #a0a0a0;
  --text-tertiary: #666666;

  /* Cyber accent colors - more subtle */
  --accent-blue: #0084ff;
  --accent-blue-dark: #0066cc;
  --accent-pink: #ff4081;
  --accent-purple: #7c4dff;
  --accent-green: #00d084;
  --accent-gold: #ffd700;
  --accent-black: #000000;
  --accent-white: #ffffff;

  /* Spacing system (8px base) */
  --space-0: 6px;
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 40px;
  --space-6: 48px;
  --space-7: 56px;
  --space-8: 64px;
  --space-9: 72px;
  --space-10: 80px;
  --space-11: 88px;
  --space-12: 96px;

  /* Container widths */
  --container-max: 1200px;
  --container-medium: 960px;
  --container-small: 720px;

  /* Transitions */
  --transition-fast: 0.2s ease-out;
  --transition-normal: 0.3s ease-out;
  --transition-slow: 0.6s ease-out;

  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.15);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.2);
  --shadow-xl: 0 16px 64px rgba(0, 0, 0, 0.25);

  /* Glows */
  --glow-sm: 0 0 10px;
  --glow-md: 0 0 20px;
  --glow-lg: 0 0 40px;

  /* Navbar height */
  --nav-height: 80px;
  --nav-bg-blur: rgba(0, 0, 0, 0.8);

  /* Floating button */
  --floating-btn-radius: 18px 0 0 18px;
  --floating-btn-radius-md: 14px 0 0 14px;
  --floating-btn-radius-sm: 10px 0 0 10px;
}