:root{
  --radius-xs:3px;
  --radius-sm:6px;
  --radius-md:10px;
  --radius-lg:16px;
  --radius-xl:24px;
  --radius-pill:999px;

  --border-1:1px;
  --border-2:2px;

  --shadow-none:none;
  --shadow-sm:0 1px 2px rgba(36,22,9,.07);
  --shadow-md:0 6px 18px -6px rgba(36,22,9,.14);
  --shadow-lg:0 20px 48px -18px rgba(36,22,9,.24);
  --shadow-inset-paper:inset 0 0 0 1px rgba(36,22,9,.08);
  --shadow-focus:0 0 0 3px rgba(224,122,31,.38);

  /* Protection gradient for text over photography */
  --scrim-bottom:linear-gradient(to top,rgba(18,50,31,.82) 0%,rgba(18,50,31,.45) 45%,rgba(18,50,31,0) 100%); /* @kind other */
}