/* ═══════════════════════════════════════
   variables.css — Design Tokens
   Not Visual Brand System
═══════════════════════════════════════ */

:root {
  /* Colors */
  --nv-black:        #000000;
  --nv-white:        #ffffff;
  --nv-green:        #00ff00;
  --nv-gray-1:       #0a0a0a;
  --nv-gray-2:       #111111;
  --nv-border:       rgba(255, 255, 255, 0.08);
  --nv-border-hover: rgba(0, 255, 0, 0.25);
  --nv-text-muted:   rgba(255, 255, 255, 0.45);

  /* Typography */
  --nv-font:         'Montserrat', sans-serif;

  /* Spacing scale */
  --nv-space-xs:  8px;
  --nv-space-sm:  16px;
  --nv-space-md:  32px;
  --nv-space-lg:  64px;
  --nv-space-xl:  120px;

  /* Transitions */
  --nv-ease:      cubic-bezier(0.16, 1, 0.3, 1);
  --nv-ease-std:  0.3s ease;

  /* Navbar */
  --nv-navbar-h:  80px;
}