@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');

body{
    font-family: 'Urbanist', sans-serif;
    font-size: 0.875rem;
    opacity: 1;
}
:root {
    --color-primary: #febb1b;
    --color-primary-light: #FFF9EC;
    --color-body: #f2faff;
    --color-secondary: #f0f4f9;
    --color-mild: #f3f7f4;
    --color-light: #b8b9bb;
    --color-link: #2E2E3A;
}

.bg-link{
    background: var(--color-link)!important;
}
.bg-color-primary-light{
    background: var(--color-primary-light);
}
.bg-body{
    background: var(--color-body)!important;
}
.bg-color-primary{
    background: var(--color-primary)!important;
}
.bg-color-secondary{
    background: var(--color-secondary)!important;
}
.bg-color-mild{
    background: var(--color-mild)!important;
}
.bg-color-light{
    background: var(--color-light)!important;
}


.text-link{
    color: var(--color-link)!important;
}
.text-color-light{
    color: var(--color-light)!important;
}
.text-color-secondary{
    color: var(--color-secondary)!important;
}
.text-color-primary{
    color: var(--color-primary)!important;
}
.text-color-mild{
    color: var(--color-mild)!important;
}
.text-color-primary-light{
    color: var(--color-primary-light);
}