/* ------------------------------------------------------------------
   Rapid — Signature gradients, glows & elevation
------------------------------------------------------------------- */

:root {
  /* Signature gradients */
  --glow-top: radial-gradient(25% 50% at 50% 0%, rgba(46,121,249,0.8), rgba(255,255,255,0));  /* @kind color */
  --grad-brand: linear-gradient(90deg, #1977F7 0%, #4C1BFF 100%);  /* @kind color */
  --grad-text: linear-gradient(180deg, #FFFFFF 56.85%, #499CF7 79.73%, #46DDFF 100%);  /* @kind color */
  --grad-divider: linear-gradient(270deg, #1977F7 0%, rgba(255,255,255,0) 100%);  /* @kind color */
  --grad-surface: linear-gradient(180deg, #F3F3F3 0%, #FAFAFA 100%);  /* @kind color */

  /* Aurora blobs (animated hero background) */
  --aurora-blue: radial-gradient(circle at 30% 30%, rgba(46,121,249,0.55), rgba(46,121,249,0) 60%);  /* @kind color */
  --aurora-violet: radial-gradient(circle at 70% 40%, rgba(76,27,255,0.5), rgba(76,27,255,0) 60%);  /* @kind color */

  /* Elevation — measured from the live site */
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.04);
  --shadow-card: 0 1px 2px rgba(0,0,0,0.04), 0 8px 24px rgba(0,0,0,0.06);
  --shadow-cta: 0 8px 30px rgba(46,121,249,0.35);   /* blue glow under CTAs */
  --shadow-card-hover: 0 8px 30px rgba(46,121,249,0.22);
  --shadow-navy: 0 12px 32px -8px rgba(5,4,79,0.45);

  /* Focus ring */
  --ring: 0 0 0 3px rgba(46,121,249,0.35);  /* @kind shadow */
}