:root {
  /*Base color values*/
  --primary-color: #1F2E43; /*navy*/
  --secondary-color: #B56F3B; /*brown*/
  --lt-blue: #A9BBC9; /*grey blue*/
  --brown-light: #F4EFEA; /*light brown*/
  --soft-purple: #445893;
  --white: #fff;
  --black: #000;
  --gray-very-light: #ECF0F3;
  
  /*Typography*/
  --font-base: "figtree", sans-serif;
  --font-secondary: "abril-titling", serif;
  --font-tertiary: "abril-titling", serif;
  
  /*Typography scale (1.2 minor third method)*/
  --h1-font-size: 61.04px;
  --h2-font-size: 48.83px;
  --h3-font-size: 39.06px;
  --h4-font-size: 31.25px;
  --h5-font-size: 25px;
  --h6-font-size: 16px;

  /*Gray scale and whites*/
  --gray-light: #888;
  --gray-medium: #707070;
  --white: #fff;
  --white-100: #FCFBF9;
  --white-200: #F3EEE8;
  --gray-100: #E3E3E3;
  --gray-200: #ebebeb;
  --gray-300: #979797;
  --gray-400: #9e9e9e;
  --gray-500: #b1b1b1;
  --gray-600: #707070;
  --gray-700: #6a6a6a;
  --gray-800: #343434;
  --gray-900: #f2f2f2;
  --gray-1000: #F7F7F7;
  --black: #212529;
}