/* Global CSS variabels + overwrite Bootstrap variabels comes here */

 :root {
  /* hd-primary colors */
--hd-primary-25: #fbfcfb;
--hd-primary-50: #f8f8f7;
--hd-primary-100: #f0f1ef;
--hd-primary-200: #e9ebe8;
--hd-primary-300: #e1e4e0;
--hd-primary-400: #daddd8;
--hd-primary-500: #c4c7c2;
--hd-primary-600: #aeb1ad;
--hd-primary-700: #999b97;
--hd-primary-800: #838582;
--hd-primary-900: #6d6f6c;
--hd-primary-950: #575856;

/* hd-secondary colors */
--hd-secondary-25: #efeeee;
--hd-secondary-50: #dedddc;
--hd-secondary-100: #bdbcb9;
--hd-secondary-200: #9d9a96;
--hd-secondary-300: #7c7973;
--hd-secondary-400: #5b5750;
--hd-secondary-500: #524e48;
--hd-secondary-600: #494640;
--hd-secondary-700: #403d38;
--hd-secondary-800: #373430;
--hd-secondary-900: #2e2c28;
--hd-secondary-950: #242320;

/* hd-tertiary colors */
--hd-tertiary-25: #e6e7f2;
--hd-tertiary-50: #cccee4;
--hd-tertiary-100: #9a9dc9;
--hd-tertiary-200: #676caf;
--hd-tertiary-300: #353b94;
--hd-tertiary-400: #020a79;
--hd-tertiary-500: #02096d;
--hd-tertiary-600: #020861;
--hd-tertiary-700: #010755;
--hd-tertiary-800: #010649;
--hd-tertiary-900: #01053d;
--hd-tertiary-950: #010430;

/* hd-slate colors */
  --hd-slate-25: #e8faf9;
  --hd-slate-50: #d2f5f3;
  --hd-slate-100: #a4ebe7;
  --hd-slate-200: #77e2db;
  --hd-slate-300: #49d8cf;
  --hd-slate-400: #1ccec3;
  --hd-slate-500: #19b9b0;
  --hd-slate-600: #16a59c;
  --hd-slate-700: #149089;
  --hd-slate-800: #117c75;
  --hd-slate-900: #0e6762;
  --hd-slate-950: #0b524e;

   /*translucent*/
   --hd-translucent: rgba(255, 255, 255, 0.7);
 }