/* Elevation. HTS barely uses blur shadows — depth comes from a hard-edged offset
   rectangle behind screen mockups (slide 5, "Screen anatomy 101"):
   equal distance below and right, #556381 at 8% opacity, matching corner radius. */
:root{
  --shadow-screen:14px 14px 0 0 rgba(85,99,129,.08);
  --shadow-screen-sm:8px 8px 0 0 rgba(85,99,129,.08);
  --shadow-card:0 1px 2px rgba(24,29,41,.04);
  --shadow-raised:0 4px 14px rgba(24,29,41,.08);
  --shadow-none:none;

  /* Motion — Google Slides source has no motion spec; these are conservative
     defaults for HTML recreations: quick, no bounce, no scale-in. */
  --ease-standard:cubic-bezier(.2,0,.2,1); /* @kind other */
  --dur-fast:120ms; /* @kind other */
  --dur-base:200ms; /* @kind other */
  --dur-slow:320ms; /* @kind other */
}