:root {
  /* RBC Font Families */
  --proxima-font: "proxima-nova", sans-serif;
  --cubano-font: "cubano", sans-serif;
  --source-sans-font: "source-sans-pro", sans-serif;
  --lato-font: "Lato", sans-serif;
  --ff-body: var(--cubano-font);
  --ff-heading: var(--cubano-font);
  --fw-body: 400;

  /* font size */
  --fs-body: 18px;
  --fs-sm: 15px;
  --fs-md: 18px;
  --fs-lg: 20px;
  --fs-h6: 24px;
  --fs-h5: 28px;
  --fs-h4: 36px;
  --fs-h3: 56px;
  --fs-h2: 64px;
  --fs-h1: 82px;
  --fs-3xl: 2.5rem;

  /* Text sizes */
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  --text-4xl: 2.25rem;
  --text-5xl: 3rem;

  /* RBC Color Palette */
  --clr-red-700: #e12121;
  --clr-red: #ff4b4b;
  --clr-black-900: #000000;
  --clr-black-800: #231f20;
  --clr-black-400: #393534;
  --clr-black-300: #706c6d;
  --clr-black-100: #a7a7a7;
  --clr-white: #ffffff;
  --clr-white-800: #f9f8e9;
  --clr-white-700: #e3e2d4;
  --clr-white-600: #dcd6c6;
  --clr-white-100: #eae8d0;
  --clr-cream-300: #fbf9df;
  --clr-orange: #ea9023;
  --clr-orange-200: rgba(234, 144, 35, .2);
  --clr-orange-700: #de8315;
  --clr-blue: #437ef7;
  --clr-black-alt: #13181f;
  --clr-primary: #48801c;
  --clr-bg: #f7f7fa;
  --clr-body: var(--clr-black-800);
  --clr-black: #000000;
  --clr-gray: #f2f2f2;
  --clr-black-400: #393534;
  --clr-white-400: rgba(217, 217, 217, 0.4);
  --shadow-drodpown: 0px 153px 61px rgba(0, 0, 0, 0.01), 0px 86px 52px rgba(0, 0, 0, 0.05), 0px 38px 38px rgba(0, 0, 0, 0.09), 0px 10px 21px rgba(0, 0, 0, 0.1);

  /* border radius */
  --rounded: 0.25rem;
  --rounded-full: 100%;
  --rounded-sm: 0.125rem;
  --rounded-md: 0.375rem;
  --rounded-lg: 0.5rem;
  --rounded-xl: 0.75rem;
  --rounded-2xl: 1rem;
  --rounded-3xl: 1.5rem;
  --rounded-4xl: 2rem;
  --rounded-5xl: 2.5rem;
}