/* WorshipFill — Effects: shadows, glows, blur, gradients
   The signature look: ambient radial glows behind content, a purple-tinted
   glow shadow on floating chrome, and frosted glass on auth/overlays. */
:root {
  /* shadows — note glow shadows are purple-tinted, not neutral */
  --wf-shadow-card: 0 1px 3px rgba(0, 0, 0, 0.4);
  --wf-shadow-raised: 0 8px 24px rgba(0, 0, 0, 0.45);
  --wf-shadow-glow: 0 4px 24px rgba(124, 58, 237, 0.15), 0 1px 8px rgba(0, 0, 0, 0.3);
  --wf-shadow-glow-strong: 0 8px 32px rgba(191, 90, 242, 0.35);

  /* frosted glass (auth screens, floating tab bar) */
  --wf-blur: blur(24px);       /* @kind other */
  --wf-blur-soft: blur(20px);  /* @kind other */

  /* ambient glows — drop these as radial gradients behind hero content */
  --wf-glow-purple: radial-gradient(circle, rgba(191,90,242,0.28) 0%, rgba(191,90,242,0.08) 40%, transparent 70%); /* @kind color */
  --wf-glow-blue: radial-gradient(circle, rgba(10,132,255,0.18) 0%, rgba(10,132,255,0.05) 40%, transparent 70%); /* @kind color */

  /* gradient washes used inside cards */
  --wf-wash-blue: linear-gradient(135deg, rgba(59,130,246,0.10), rgba(59,130,246,0.03) 60%, transparent); /* @kind color */
  --wf-wash-purple: linear-gradient(135deg, rgba(191,90,242,0.12), rgba(191,90,242,0.03) 60%, transparent); /* @kind color */

  /* the brand mark's signature neon gradient (purple→pink→amber→cyan) */
  --wf-gradient-neon: linear-gradient(105deg, #BF5AF2 0%, #E05AF2 30%, #F5A04D 60%, #5AC8F2 100%); /* @kind color */

  /* interaction */
  --wf-press-scale: 0.98;  /* @kind other */
  --wf-press-opacity: 0.8; /* @kind other */
  --wf-ease: cubic-bezier(0.4, 0, 0.2, 1);      /* @kind other */
  --wf-spring: cubic-bezier(0.34, 1.56, 0.64, 1); /* @kind other */
}