:root {
  /***** COLOURS *****/
  --swatch--black: black;
  --swatch--white: white;
  --swatch--off-white: #fffdfa;
  --swatch--cream: #fdf7ef;
  --swatch--blue: #193e84;
  --swatch--red: #ad3238;
  --swatch--pink: #ffbcbc;

  /*** SPACING ****/
  --padding--xsml: 0.5em;
  --padding--sml: 1em;
  --padding--md: 2em;
  --padding--lrg: 5em;
  --padding--xlrg: 9em;
  --padding--side: 3.75em;

  @media all and (max-width: 768px) {
    --padding--side: 20px;
  }

  /*** FONTS ***/
  --font-family--main: Special Gothic Condensed One, Arial, sans-serif;
  --font-family--body: TStar Pro, Arial, sans-serif;
  --font-family--hand: Knewave, Arial, sans-serif;

  /*** FONT SIZES ***/
  --font-size--15: 0.9375em; /* Foot link, nav link */
  --font-size--16: 1em; /* Body sml */
  --font-size--20: 1.125em; /* Body */
  --font-size--24: 1.5em; /* H2, CTA Link, Handwritten sub */
  --font-size--32: 2em; /* Intro Copy */
  --font-size--36: 2.25em; /* Handwritten heading */
  --font-size--40: 2.5em; /* H1 */
  --font-size--96: 6em; /* Large */

  /*** EASING ***/
  --transition--ease: cubic-bezier(0.625, 0.05, 0, 1);

  --border-radius: 0.75em;
}