:root {
    --body-bg:#f5f6fa;

    --font-family-sans-serif: 'Manrope', sans-serif;
    --font-size-base: 1rem;
    --line-height-base: 1.6;
    --letter-spacing: 0.5px;

    --header-font: 'Merriweather', serif;
    --body-font: 'Manrope', sans-serif;
    --body-font-bold: 'Manrope-Black', sans-serif;

    --h1-font-size: var(--font-size-base) * 2.25;
    --h2-font-size: var(--font-size-base)  * 2;
    --h3-font-size: var(--font-size-base)  * 1.75;
    --h4-font-size: var(--font-size-base)  * 1.5;
    --h5-font-size: var(--font-size-base)  * 1.25;
    --h6-font-size: var(--font-size-base);

    --tardus-red: #b6252d;
    --tardus-dark-red: #7e1a1f;
    --tardus-blue: #015393;
    --tardus-gray: #797979;
    --tardus-teal: #4291a6;
    --tardus-gold: #c79c5d;

    --black: #000000;
    --header-black: #231f20;
    --white: #ffffff;
    --light-gray: #e5e5e5;

    --theme-colors: (
        'primary': --tardus-blue,
        'secondary': --tardus-teal,
        'danger': --tardus-red,
        'light': --tardus-gray,
        'bright': --white,
    );
}
html, body {
    height: 100%;
}
.dashboard {
    height: 100%;
}
.main-container {
    background-color: var(--body-bg);
    height: 100%;
}
.card {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    transition: all 0.3s ease-in-out;
    border-radius: 4px;
    border: none;
}

.card-header {
    font-family: var(--header-font);
    font-weight: bold;
    font-size: 24px;;
    color: var(--header-black);
    background: var(--white);
}
.btn {
    font-family: var(--body-font);
    font-size: 1rem;
    padding: 0.5rem 1rem;
    border-radius: 5px;
}
.btn-primary {
    background-color: var(--tardus-blue);
}
.btn-link {
    color: var(--tardus-blue);
    font-family: var(--body-font);
}
.form-group {
    font-family: var(--body-font);
}