:root{
  /* Hagler is square. Radius is a whisper, never a statement. */
  --hg-radius-none:0px;
  --hg-radius-xs:2px;
  --hg-radius-sm:4px;
  --hg-radius-pill:999px;

  --hg-border-hairline:1px;
  --hg-border-strong:1.5px;

  /* Shadows: used only for lift off the page (overlays, sticky bars). Never on cards. */
  --hg-shadow-none:none;
  --hg-shadow-sm:0 1px 2px rgba(0,0,0,.06);
  --hg-shadow-md:0 8px 24px -12px rgba(0,0,0,.18);
  --hg-shadow-overlay:0 24px 64px -24px rgba(0,0,0,.38);

  /* Protection gradient for type over photography */
  --hg-scrim-bottom:linear-gradient(to top,rgba(0,0,0,.55) 0%,rgba(0,0,0,0) 62%); /* @kind other */
  --hg-scrim-full:linear-gradient(to top,rgba(0,0,0,.45) 0%,rgba(0,0,0,.10) 55%,rgba(0,0,0,.25) 100%); /* @kind other */
}