:root {

  /* Full width - 1000px */
  --twocol-width: 62.5rem;
  --onecol-width: 45rem;

  /* colors */
  --background-light: #fff;
  --background-dark: #f1f1f1;

  --textcolor: #2c2c2f;
  --textcolor-light: #9b9b9b;
  --textcolor-sz-plus: #009990;

  --linkcolor__nav: #6b6b6d;
  --linkcolor__nav--hover: var(--textcolor);

  --iconcolor: #71737f;
  --iconcolor--hover: var(--textcolor);

  /* Font */
  /* Global Header */
  --fontfamily--sztext: 'SZText', 'Georgia', serif;
  --fontfamily--szsans: 'SZSans', 'Helvetica', sans-serif;


  /* header-stuff */
  --header-padding: .5em;
  --gradiant-height: 3px;
  --gradiant-border: 1px solid #ccc;
  --gradiant: 0px var(--gradiant-height) var(--gradiant-height) 0px rgba(51, 51, 51, .2);

  --sticky-header__height: 3.25rem;
  --sticky-header__padding--leftright: 1em;
  --sticky-header__padding--onecol-leftright: 5vw;
  --sticky-header__padding--fluid-leftright: 4vw;

  --spaceafter: 4rem;
  /* Gutter - 20px */
  --gutter: 1.25rem;

  --transition__duration--default: .25s;
}