:root {
    --grey-dark: #242424;
    --grey-medium: #6C6C6C;
    --grey: #EEEEEE;
    --light: #ffffff;
    --green: #1DB27D;
    --green-medium: #E2F6F1;
    --green-light: #F8FCFA;
    --blue: #18BAE9;
    --blue-light: #E2F8FC;
    --teal: #115FFC;
    --teal-light: #E4EEFF; 
    --purple: #621AC7;
    --purple-light: #EEE2F8;
--orange: #FD9E1E;
    --orange-light: #FFF4E6;
    --red: #E14438;
    --red-light: #FCEAE9;
    --yellow: #F5DF1F;
    --yellow-light: #FDF8CE;
    --pink: #C71784;
    --pink-light: #F9E3F2;
    --size-18: 1rem;
    --size-16: 0.889rem;
    --size-20: 1.111rem;
    --size-24: 1.333rem;
    --size-32: 1.778rem;
    --size-40: 2.222rem;
    --weight-regular: 400;
    --weight-medium: 500;
    --weight-semibold: 600;
}
html {
    background: white;
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
}

body {
    background-color: white;
    text-rendering: optimizeLegibility;
}

a {
    text-decoration: none;
}

h2 {
    font-weight: var(--weight-medium);
}