:root {
  /* Typography */
  --font-family-reg: "Helvetica", sans-serif;

  --font-size-tiny: 11px;
  --font-size-small: 16px;
  --font-size-reg: 22px;
  --font-size-med: 35px;
  --font-size-large: 50px;

  /* Sizes */
  --max-width: 1640px;
  --grid-gap: 32px;

  --one-col-max-width: calc((var(--max-width) - var(--grid-gap) * 11) / 12);
  --one-col-calc-width: calc((100vw - var(--grid-gap) * 13) / 12);

  /* Colors */
  --color-black: #000000;
  --color-white: #ffffff;

  --color-gray-light: #f5f5f5;
  --color-gray-med: #989898;
  --color-sand: #e2d8cc;

  --color-orange: #eb5d2a;

  /* Wordpress Specific */
  --admin-bar-height: 32px;
}

/* mobile adjustments */
@media (max-width: 782px) {
  :root {
    /* Wordpress Specific */
    --admin-bar-height: 0px;
  }
}

/* mobile adjustments */
@media (max-width: 720px) {
  :root {
    --font-size-small: 14px;
    --font-size-reg: 18px;
    --font-size-med: 24px;
    --font-size-large: 32px;
    --grid-gap: 22px;
  }
}