:root {
  /***** COLOURS *****/
  --swatch--black: black;
  --swatch--cream: #fbf6e6;
  --swatch--gold: #e1d3a7;
  --swatch--red: #e25729;

  /*** SPACING ****/
  --padd--25: 1.5em;
  --padd--30: 2em;
  --padd--40: 2.5em;
  --padd--60: 3.75em;
  --padd--80: 4em;
  --padd--100: 6em;
  --padd--120: 7.5em;
  --padd--150: 9em;
  --padd--200: 12em;
  --padd--300: 19em;
  --padd--side: 3.75em;
  --padd--border: 0.6em;

  /*** FONTS ***/
  --font-family--heading: Generis, Times, sans-serif;
  --font-family--body: Karla, Arial, sans-serif;

  /*** FONT SIZES ***/
  --font-size--13: 0.8em; /* FINEPRINT */
  --font-size--15: 0.9375em; /* Body Sml / BTN Sml */
  --font-size--16: 1em; /* Venue Subheading */
  --font-size--18: 1.125em; /* VENUE Body */
  --font-size--20: 1.25em; /* H5 / Subheading / Body / BTN */
  --font-size--24: 1.5em; /* VENUE Subheading */
  --font-size--32: 2em; /* MENU */
  --font-size--44: 2.75em; /* H4 / Large Copy */
  --font-size--55: 3.4em; /* H3 */
  --font-size--64: 4em; /* H2 */
  --font-size--90: 5.6em; /* H1 */

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

  /*** RESPONSIVE ***/
  @media all and (max-width: 768px) {
    --padd--40: 25px;
    --padd--side: 20px;
    --padd--border: 11px;
  }
}