:root{
    /* Colours*/
    --color-primary: #1593CA;
    --color-primary-500: #0d5777;
    --color-primary-100: #DDF1F9;   
    --color-tertiary: #EBC34B;
    --color-tertiary-100: #FCF5E1;
    --color-gray: #8A8C8E;
    --color-gray-600: #535862;
    --color-gray-500: #717680; 
    --color-gray-400: #C5C6C7; 
    --color-gray-300: #E9EAEB;
    --color-gray-200: #D8D9D9;
    --color-gray-100: #ECECEC;
    --color-gray-050: #f8f8f8;
    
    /* Fonts*/
    --font-Raleway: "Raleway", sans-serif;
    
    /* Appeareance */
    --border-radius: 0.625rem;
    --button-box-shadow: 0px 4px 6px -2px #0A0D1214;
    --box-shadow: 0px 12px 16px -4px #0A0D1214;

    /* Transitions */
    --transition: all 0.4s;
}