/* Cidade PVC — Effects: shadows, button depth, borders. Lifted from the site SCSS. */

:root {
  --shadow-nav: 0px 4px 38px -5px rgba(32,32,32,0.4);
  --shadow-card: 0 0 1.25rem 0 rgba(0,0,0,0.1);
  --shadow-modal: 0 0 20px 0 rgba(32,32,32,0.13);
  --shadow-btn: 0 4px 20px 0 rgba(0,0,0,0.25);
  --btn-gloss: 0 1px 3px rgba(0,0,0,0.30), 0 0 #000, inset 1px 1px 0.25px rgba(255,255,255,0.30), inset 0 2px 1px rgba(255,255,255,0.50);
  /*Hover: adds an eco-green inner base line;*/
  --btn-hover: rgba(45,35,66,0.4) 0 4px 8px, rgba(45,35,66,0.3) 0 7px 13px -3px, #82CA51 0 -3px 0 inset;
  /*Active: green inset press;*/
  --btn-active: #82CA51 0 3px 7px inset;
  --btn-gloss-light: 0 1px 3px #00368A, 0 0 #000, inset 1px 1px 0.25px rgba(134,134,134,0.30), inset 0 2px 1px rgba(151,145,145,0.50);
  --text-shadow-title: 0px 2px 2px #202020;
  --border-hair: 1px solid var(--border-subtle);
  --border-glass: 1px solid var(--white-a20);
}