/* CSS variables + body + global reset */
/* в•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђ
   в–“в–“в–“ DESIGN SYSTEM в–“в–“в–“
в•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђ */
:root {
  /* Brand */
  --primary:        #0066FF;
  --primary-dark:   #0050D4;
  --cyan:           #00E5FF;
  --purple:         #6366F1;
  --green:          #10F0A0;

  /* Backgrounds */
  --bg-deep:        #03081A;
  --bg-dark:        #070F26;
  --bg-mid:         #0C1736;
  --bg-light:       #F6F8FC;
  --bg-white:       #FFFFFF;

  /* Text */
  --text-light:     #F8FAFC;
  --text-mute:      #94A3B8;
  --text-dim:       #64748B;
  --text-dark:      #0A1024;

  /* Borders */
  --border-light:   #E5EAF3;
  --border-dark:    rgba(255,255,255,.07);
  --border-glow:    rgba(0,229,255,.35);

  /* Glass */
  --glass:          rgba(255,255,255,.04);
  --glass-strong:   rgba(255,255,255,.07);
  --glass-border:   rgba(255,255,255,.08);

  /* Gradients */
  --grad-brand:     linear-gradient(135deg, #0066FF 0%, #00E5FF 100%);
  --grad-purple:    linear-gradient(135deg, #6366F1 0%, #00E5FF 100%);
  --grad-text:      linear-gradient(135deg, #FFFFFF 0%, #B6CFFF 100%);
  --grad-cyan:      linear-gradient(135deg, #00E5FF 0%, #0066FF 100%);
  --grad-radial:    radial-gradient(circle at 30% 20%, rgba(0,102,255,.5), transparent 60%);
  --grad-mesh:      radial-gradient(at 20% 0%, rgba(0,102,255,.15) 0px, transparent 50%),
                    radial-gradient(at 80% 100%, rgba(0,229,255,.10) 0px, transparent 50%),
                    radial-gradient(at 50% 50%, rgba(99,102,241,.08) 0px, transparent 50%);

  /* Shadows */
  --shadow-sm:      0 1px 4px rgba(0,0,0,.06);
  --shadow-md:      0 10px 40px rgba(8,16,40,.10);
  --shadow-lg:      0 20px 60px rgba(8,16,40,.18);
  --shadow-glow:    0 0 40px rgba(0,102,255,.4);
  --shadow-glow-cyan: 0 0 50px rgba(0,229,255,.4);

  /* Radii */
  --r-sm:           8px;
  --r:              14px;
  --r-lg:           22px;
  --r-xl:           32px;

  /* Transitions */
  --tr-fast:        .18s cubic-bezier(.4,0,.2,1);
  --tr:             .3s cubic-bezier(.4,0,.2,1);
  --tr-slow:        .55s cubic-bezier(.4,0,.2,1);
}