/* Borders, radii, shadows, motion. The brand is nearly flat: hairline rules do
   the work that shadows do elsewhere. Only two shadows exist in the theme. */
:root{
  --radius-none:0;          /* default for cards, images, buttons */
  --radius-sm:4px;          /* language / edition switcher select */
  --radius-md:5px;
  --radius-lg:8px;
  --radius-chip:10px;       /* location tag chips */
  --radius-pill:50%;        /* swiper nav buttons, go-to-top */

  --border-width-hairline:1px;
  --border-width-chip:1.5px;
  --border-width-arrow:2px;  /* swiper chevron */

  --shadow-header:0 0 6px 0 rgba(0,0,0,.15);
  --shadow-button:0 2px 4px rgba(0,0,0,.1);
  --scrim-image:rgba(0,0,0,.3);   /* hero photo protection */
  --scrim-strong:rgba(0,0,0,.7);

  --ease-out:ease-out; /* @kind other */
  --ease-in:ease-in; /* @kind other */
  --dur-fast:.1s; /* @kind other */
  --dur-quick:.15s; /* @kind other */
  --dur-base:.2s; /* @kind other */
  --dur-slow:.3s; /* @kind other */
  --dur-menu:.25s; /* @kind other */

  --hover-image-opacity:.7; /* @kind other */
  --hover-submit-opacity:.8; /* @kind other */
}