@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@700&family=Nunito:wght@400&display=swap');

:root {
    --bg-general: #FFF3D6;
    --bg-blocks: #C9E4FF;
    --bg-header: #ffe7b0;
    --border: #C8F0E0;
    --text-heading: #8A8A9A;
    --text-body: #5B4B66;
    --font-heading: 'Quicksand', sans-serif;
    --font-body: 'Nunito', sans-serif;
}

.dark {
    --bg-general: #2b2430;
    --bg-blocks: #372F3F;
    --bg-header: #5B4B66;
    --border: #8A8A9A;
    --text-heading: #FFFFFF;
    --text-body: #C9E4FF;
}

h1, h2, h3, h4, h5, h6,
.fi-header-heading, .fi-modal-heading, .fi-section-header-heading {
    font-family: var(--font-heading) !important;
    font-weight: 700 !important;
    color: var(--text-heading);
}

body, .fi-body, .fi-input, .fi-btn, p, span, label, td, th {
    font-family: var(--font-body) !important;
    font-weight: 400;
}

body {
    background-color: var(--bg-general);
    color: var(--text-body);
}