/* === WEEBWE DESIGN SYSTEM TOKENS === */
:root {
  --wb-bg-dark: #030611;
  --wb-cyan: #00d2ff;
  --wb-blue: #0072ff;
  --wb-border: rgba(255, 255, 255, 0.08);
  --wb-text-main: #f8fafc;
  --wb-text-muted: #94a3b8;
}

/* 1. Глобальний корпоративний курсор */
html, body {
  cursor: url('https://weebwe.io/assets/cursor.svg'), auto !important;
}

a, button, input, textarea, select, .weebwe-btn, .btn, [role="button"] {
  cursor: url('https://weebwe.io/assets/cursor.svg'), pointer !important;
}

/* 2. Фірмовий фон (Hero + Радіальне затемнення) */
body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: 
    radial-gradient(circle at center, rgba(3, 6, 17, 0.4) 0%, rgba(3, 6, 17, 0.88) 100%),
    url('https://weebwe.io/assets/hero-w.webp') no-repeat center center;
  background-size: cover;
  pointer-events: none;
  z-index: -2;
}

/* 3. Неонове центральне сяйво */
body::after {
  content: "";
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 700px;
  height: 700px;
  background: radial-gradient(circle, rgba(0, 114, 255, 0.12) 0%, rgba(0, 210, 255, 0.04) 50%, transparent 75%);
  pointer-events: none;
  z-index: -1;
}