:root {
  --trans-header: rgba(33,36,54,0.8);
  --trans-popover: rgba(33,36,54,0.8);

  --off-color: var(--lightgrey);
  --mobile-header-bg: var(--darkblue);

  --max-width: 1680px;
  --max-width-inner: 1280px;

  --grid-gap-min: 12px; /* for small teasers */
  --grid-gap-mobile: 25px;
  --grid-gap-desktop: 45px;

  --padding-mobile: 45px;
  --padding-desktop: 90px;

  --border-radius: 20px;

  --small-font: 14px; 
}