/* ============================================================
   FLYBITS EFFECTS
   Glass panels, elevation shadows, aqua glow, motion, patterns.
   ============================================================ */
:root{
  /* ---- Elevation (shadows read on the near-black canvas) --- */
  --shadow-sm:0 1px 2px rgba(0,0,0,0.4);
  --shadow-md:0 6px 20px rgba(0,0,0,0.45);
  --shadow-lg:0 18px 48px rgba(0,0,0,0.55);
  --shadow-xl:0 40px 90px rgba(0,0,0,0.6);
  /* Aqua glow — used sparingly on hero/active accent elements */
  --glow-aqua:0 0 0 1px rgba(65,229,225,0.35),0 8px 40px rgba(65,229,225,0.25);
  --glow-aqua-soft:0 0 60px rgba(65,229,225,0.18);

  /* ---- Glass effect --------------------------------------- */
  --glass-fill:rgba(16,20,26,0.42);
  --glass-fill-strong:rgba(10,13,18,0.60);
  --glass-hairline:1px solid rgba(255,255,255,0.10); /* @kind other */
  --glass-blur:blur(16px) saturate(115%); /* @kind other */
  --glass-blur-strong:blur(28px) saturate(125%); /* @kind other */
  /* top-edge sheen used on glass cards */
  --glass-sheen:linear-gradient(180deg,rgba(255,255,255,0.08),rgba(255,255,255,0) 42%); /* @kind other */

  /* ---- Brand gradients ------------------------------------ */
  --grad-aqua:linear-gradient(135deg,#41E5E1 0%,#2E9898 100%); /* @kind other */
  --grad-aqua-sand:linear-gradient(120deg,#41E5E1 0%,#9FD9C9 45%,#E2C7AC 100%); /* @kind other */
  --grad-ink:linear-gradient(180deg,#0A0D12 0%,#0A0113 100%); /* @kind other */
  --grad-depth:radial-gradient(120% 120% at 70% 0%,#12161D 0%,#0A0113 60%); /* @kind other */
  /* protection gradient — legibility scrim over photography */
  --grad-scrim:linear-gradient(180deg,rgba(10,1,19,0) 0%,rgba(10,1,19,0.75) 78%,rgba(10,1,19,0.95) 100%); /* @kind other */
  --grad-scrim-left:linear-gradient(90deg,rgba(10,1,19,0.92) 0%,rgba(10,1,19,0.55) 55%,rgba(10,1,19,0) 100%); /* @kind other */

  /* ---- Motion --------------------------------------------- */
  --ease-standard:cubic-bezier(0.4,0,0.2,1); /* @kind other */
  --ease-out:cubic-bezier(0.16,1,0.3,1); /* @kind other */
  --ease-in-out:cubic-bezier(0.65,0,0.35,1); /* @kind other */
  --dur-fast:120ms; /* @kind other */
  --dur-base:220ms; /* @kind other */
  --dur-slow:420ms; /* @kind other */

  /* ---- Patterns (topographic + bento assets) ------------- */
  --pattern-topo-dark:url("../assets/patterns/topo-allover.png"); /* @kind other */
  --pattern-topo-light:url("../assets/patterns/topo-photo-2.jpg"); /* @kind other */
}