/* ===========================================================================
   JD Yuversity — Effects: shadows, blur, motion
   Soft, diffuse, light shadows on white. Calm, refined motion — gentle fades
   and small lifts. No bounce.
   =========================================================================== */

:root {
  /* --- Elevation (soft, low-contrast on white) -------------------------- */
  --shadow-xs:  0 1px 2px rgba(20, 63, 61, 0.06);
  --shadow-sm:  0 2px 8px rgba(20, 63, 61, 0.07);
  --shadow-md:  0 10px 30px -12px rgba(20, 63, 61, 0.18);
  --shadow-lg:  0 24px 60px -20px rgba(20, 63, 61, 0.22);
  --shadow-xl:  0 40px 90px -30px rgba(20, 63, 61, 0.28);
  /* Tinted glow for accent / aqua surfaces */
  --shadow-accent: 0 14px 40px -14px rgba(67, 191, 185, 0.45);

  /* --- Blur / glass ------------------------------------------------------ */
  --blur-sm: 8px;
  --blur-md: 18px;
  --glass-bg:        rgba(255, 255, 255, 0.72);
  --glass-bg-dark:   rgba(20, 63, 61, 0.55);
  --glass-border:    rgba(255, 255, 255, 0.5);

  /* --- Motion ------------------------------------------------------------ */
  --ease-standard: cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */ /* gentle ease-out */
  --ease-soft:     cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --dur-fast:   140ms; /* @kind other */
  --dur-base:   240ms; /* @kind other */
  --dur-slow:   420ms; /* @kind other */

  /* --- Interaction conventions ------------------------------------------ */
  /* hover: slight lift + darken; press: settle down, no shrink bounce */
  --hover-lift: -2px;
  --press-translate: 0px;
}