/* ============================================================
   Tilt Protocol — Effects: glow, shadow, blur, gradients
   The brand reads as "dark glass under neon." Shadows are
   green halos, not drop shadows. Glass = low-alpha white fill
   + heavy backdrop blur. Backgrounds carry faint grids + glow.
   ============================================================ */

:root {
  /* ---- Neon glow (the signature) ---- */
  --glow: 0 0 20px rgba(0, 220, 130, 0.08), 0 0 60px rgba(0, 220, 130, 0.04);
  --glow-strong: 0 0 30px rgba(0, 220, 130, 0.15), 0 0 80px rgba(0, 220, 130, 0.06);
  --glow-cta: 0 10px 30px -8px rgba(0, 220, 130, 0.25);      /* hover lift on CTA */
  --glow-focus: 0 0 0 3px rgba(0, 220, 130, 0.10);           /* focus ring */

  /* ---- Card / panel shadows (soft, low) ---- */
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.5);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.5);
  --shadow-pop: 0 20px 50px rgba(0, 0, 0, 0.7);              /* dropdowns, dialogs */
  --shadow-card-hover: 0 0 40px -12px rgba(0, 220, 130, 0.12);

  /* ---- Glass ---- */
  --glass-fill: rgba(255, 255, 255, 0.02);
  --glass-border: rgba(255, 255, 255, 0.04);
  --glass-blur: 20px;
  --nav-blur: 24px;

  /* ---- Brand gradients ---- */
  --grad-green-text: linear-gradient(90deg, #00dc82, #00f090, #00dc82);
  --grad-green-border: linear-gradient(135deg, rgba(0, 220, 130, 0.2), transparent 60%); /* @kind color */
  --grad-gold: linear-gradient(90deg, rgba(251,191,36,0.08), rgba(255,214,102,0.45) 50%, rgba(251,191,36,0.08)); /* @kind color */
  --grad-fade-black: linear-gradient(to top, #000000, transparent); /* @kind color */

  /* ---- Ambient background helpers ---- */
  --grid-line: rgba(255, 255, 255, 0.12);   /* used at ~1.8% opacity */
  --grid-size: 52px;
  --glow-ambient: rgba(0, 220, 130, 0.06);  /* big blurred radial */
  --glow-ambient-indigo: rgba(99, 102, 241, 0.04);

  /* ---- Motion ---- */
  --ease-out-expo: cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */ /* primary reveal ease */
  --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --dur-fast: 0.2s; /* @kind other */
  --dur: 0.3s; /* @kind other */
  --dur-slow: 0.6s; /* @kind other */
  --press-scale: 0.98; /* @kind other */ /* active state shrink */
}