/* 4am Digital — Radius, shadow, motion.
   Soft but not playful: gentle radii, low-contrast cool shadows,
   calm ease-out motion (no bounce). */
:root{
  /* Radius */
  --radius-xs:4px;
  --radius-sm:8px;
  --radius-md:12px;
  --radius-lg:18px;
  --radius-xl:28px;
  --radius-pill:999px;

  /* Shadows — tinted with the slate hue, never neutral black */
  --shadow-xs:0 1px 2px rgba(31,50,63,0.06);
  --shadow-sm:0 2px 8px rgba(31,50,63,0.08);
  --shadow-md:0 10px 24px -10px rgba(31,50,63,0.18);
  --shadow-lg:0 24px 60px -20px rgba(31,50,63,0.28);
  --shadow-glow:0 0 0 1px rgba(196,225,238,0.35),0 18px 50px -18px rgba(137,173,182,0.55);

  /* Motion */
  --ease-out:cubic-bezier(0.22,0.61,0.36,1);  /* @kind other */
  --ease-in-out:cubic-bezier(0.65,0,0.35,1);  /* @kind other */
  --dur-fast:140ms;                            /* @kind other */
  --dur:220ms;                                 /* @kind other */
  --dur-slow:420ms;                            /* @kind other */
}