:root {
  /* Font */
  --font: 'MyCustomFont', sans-serif;

  /* Colors */
  --white: #FBFBFB;
  --light-grey: #F6F6F6;
  --medium-grey: #E0E0E0;
  --dark-grey: #969696;
  --darker-grey: #646464;
  --darkist-grey: #323232;
  --black: #141414;
  --accent: #f26a2f;
  --accent-light: #FFF2E6;
  
  --red: #DE534C;
  --amber: #e2ab57;
  --green: #a7bd6e;
  --blue-light: #5da9ae;
  --blue-dark: #4e7aaf;


  /* GOLD TO REPLACE ACCENT? */
--gold: #bf9b30;

  /* Sizing and Spacing */
  --xsm: 0.25rem;
  --sm: 0.5rem;
  --msm: 0.75rem;
  --md: 1rem;
  --lg: 1.5rem;
  --xlg: 2.5rem;
  --xxlg: 3rem;

  /* Font Weights */
  --light: 300;
  --medium: 500;
  --bold: 700;    /* In Use */

  /* Font Sizes */
  --fs-1: 2rem;
  --fs-2: 1.625rem;
  --fs-3: 1.375rem;
  --fs-4: 1.125rem;
  --fs-5: 0.875rem;
  --fs-6: 0.75rem;
  --fs-7: 0.625rem;
  --fs-8: 0.5rem;

  /* Typography Spacing */
  --lh-head: 1.1;
  --ls-head: -0.025em;
  --lh-body-sm: 1.1;
  --ls-body-sm: -0.015em;
  --lh-body-lg: 1.5;
  --ls-body-lg: 0em;

  /* Image Sizes */
  --img-12: 12px;
  --img-18: 16px;
  --img-18: 18px;
  --img-24: 24px;
  --img-28: 28px;
  --img-32: 32px;
  --img-48: 48px;
  --img-64: 64px;
  
  /* Max Widths */
  --mw-mobile: 480px;
  --mw-tablet: 768px;
  --mw-small: 1024px;
  --mw-large: 1280px;
  --mw-xl: 1440px;

  /* Transition Durations */
  --trans-med: 0.3s;
  --trans-fast: 0.2s;
  --trans-vfast: 0.1s;
}