:root {
  /* text color */
  --text-color: #1E1E1EFF;
  /* primary */
  --color-primary-50: 246 246 250;
  --color-primary-100: 238 237 246;
  --color-primary-200: 220 219 236;
  --color-primary-300: 203 202 227;
  --color-primary-400: 186 184 217;
  --color-primary-500: 82 77 161;
  --color-primary-600: 66 62 129;
  --color-primary-700: 49 46 97;
  --color-primary-800: 33 31 64;
  --color-primary-900: 16 15 32;
  --color-primary-950: 8 8 16;
  /* accent */
  --color-accent-50: 254 244 246;
  --color-accent-100: 252 232 237;
  --color-accent-200: 249 210 218;
  --color-accent-300: 246 187 200;
  --color-accent-400: 243 165 182;
  --color-accent-500: 225 29 72;
  --color-accent-600: 180 23 58;
  --color-accent-700: 135 17 43;
  --color-accent-800: 90 12 29;
  --color-accent-900: 45 6 14;
  --color-accent-950: 23 3 7;
  /* fonts */
  --font-heading: Montserrat;
  --font-body: "Roboto Serif";
  /* page */
  --page-size: A4 portrait;
  --page-margin-top: 10;
  --page-margin-bottom: 10;
  --page-margin-left: 10;
  --page-margin-right: 10;
  --header-height: 56;
  --footer-height: 56;
}