:root{
   /* Fonts */
  --primary-font: 'Open Sans', sans-serif;
  --secondary-font: 'Montserrat', sans-serif;
  --extra-font: 'Caveat', sans-serif;

   /* Font weights */
  --font-normal: 400;
  --font-bold: 700;
  --font-extrabold: 800;

   /* Colors */
  --color-white: #ffffff;
  --color-gray-50: #f3f6f8;
  --color-gray-100: #f9f9f9;
  --color-gray-150: #efefef;
  --color-gray-200: #eff4f7;
  --color-gray-225: #CED4DA;
  --color-gray-250: #dddddd;
  --color-gray-300: #d8e1e7;
  --color-gray-400: #d8d8d8;
  --color-gray-500: #c7c7c7;
  --color-gray-600: #9b9b9b;
  --color-orange: #ef8600;
  --color-beige: #f9f6ee;
  --color-dark-beige: #F2EBD8;
  --color-primary: #812383;
  --color-primary-100: #F7F0FC;
  --color-primary-200: #DFCDEF;
  --color-primary-300: #C5A7E1;
  --color-primary-dark: #635c73;
  --color-secondary: #ef8600;
  --color-secondary-100: #EADFC2;
  --color-secondary-light: #f8f8df;
  --color-blue: #241349;
  --color-green: #3aae25;
  --color-light-green: #f3fff3;
  --color-light-blue: #adf6ff;
  --color-light-blue-100: #e7f9fa;
  --color-light-blue-200: #61eeff;
  --color-light-blue-300: #ccddf1;
  --color-light-purple: #fcf7ff;
  --color-red: #cd0000;
  --color-purple: #F7F0FC;
  --color-darksand: #EADFC2;
  --color-expats: #1eedcd;
  --color-blanik: #0083d4;
  --color-bitplus: #FFCD00;
  --color-topvisa: #ff1000;


   /* Globals */
  --global-radius: 0.625rem;
  --global-radius-small: 0.25rem;
  --global-transition: all 0.2s ease-in-out;
}