:root {
    --primary-black: #4A4A4A;
    --secondary-b: #4A4A4A;
    --secondary-c: #BCBCBC;
    --actions-primary-base: #000080;
    --actions-primary-text: #FBFCFD;
    --actions-primary-hover-background: #000062;
    --actions-primary-hover-color: #FBFCFD;
    --actions-disabled-base: #E8E8E8;
    --actions-disabled-text: #91939A;
    --actions-tertiary-base: #FFFFFF;
    --actions-tertiary-text: #4A4A4A;
    --actions-regular-link: #000080;
    --actions-link-base: #000080;
    --background-navbar: #FBFCFD;
    --background-divider: #E4E7EB;
    --background-divider-lighter: #E4E7EB;
    --background-page: #FCFEFF;
    --button-border-radius: 10px;
    --button-tertiary-base-border: #4A4A4A;
    --button-tertiary-base-background: #FFFFFF;
    --button-tertiary-hover-border: #4A4A4A;
    --button-tertiary-hover-background: #7882FF;
    --button-tertiary-hover-color: #FFFFFF;
    --primary-font: "Outfit", Sans-serif;
    --secondary-font: "Outfit", Sans-serif;
    --fs-xs: 12px;
    --fs-s: 14px;
    --fs-m: 18px;
    --fs-l: 20px;
    --lh-l: 32px;
    --fw-light: 300;
    --fw-bold: 700;
    --lh-s: 22px;
}

@font-face {
    font-family: "Outfit";
    src: local("Outfit"),
    url(./fonts/Outfit/Outfit-Light.ttf) format("truetype");
    font-weight: 300;
}

@font-face {
    font-family: "Outfit";
    src: local("Outfit"), url(./fonts/Outfit/Outfit-Regular.ttf) format("truetype");
    font-weight: 400;
}

@font-face {
    font-family: "Outfit";
    src: local("Outfit"),
    url(./fonts/Outfit/Outfit-Medium.ttf) format("truetype");
    font-weight: 500;
}

@font-face {
    font-family: "Outfit";
    src: local("Outfit"),
    url(./fonts/Outfit/Outfit-Bold.ttf) format("truetype");
    font-weight: 700;
}