@font-face {
    font-family: 'Figtree';
    src: url('fonts/Figtree-Regular-wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
}

@font-face {
    font-family: 'Figtree';
    src: url('fonts/Figtree-Italic-wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: italic;
}

:root {
    --font-family: "Figtree";
    --font-size: 14px;
    --font-weight: 400;
    --line-height: 1.5715;
    --radius: 8px;
    --sm-radius: 6px;

    --background-color: #fff;
    --background-color-brand: #F9F5FF;

    --text-color: #181d27;
    --secondary-text-color: #414651;
    --tertiary-text-color: #535862;
    --text-color-brand: #6941C6;

    --border-color: #E9EAEB;
}

body {
    font-family: var(--font-family), sans-serif;
    font-size: var(--font-size);
    line-height: var(--line-height);
    font-weight: var(--font-weight);
    color: var(--text-color);
    background-color: var(--background-color);
}