$custom-primary: #053868;
$custom-secondary: #5a93c8;
$custom-accent: #e8f4ff;
$custom-light: #ffffff;
$custom-dark: #000000;
$secondary-tint: #8cb3d9;
$disabled: #a3a2a2;
$disabled-bg: #dcdcdc;
$contrast: #fc6d26;

$custom-font-family: 'Montserrat', sans-serif;

* {
    font-family: $custom-font-family;
}

.light-bg {
    background-color: $custom-light;
}

.custom-light {
    color: $custom-light;
}

.custom-dark {
    background-color: $custom-dark;
}

.custom-primary {
    color: $custom-primary;
}

.primary-bg {
    background-color: $custom-primary;
}

.custom-secondary {
    color: $custom-secondary;
}

.secondary-bg {
    background-color: $custom-secondary;
}

.custom-accent {
    color: $custom-accent;
}

.accent-bg {
    background-color: $custom-accent;
}

:root {
    --custom-primary: #{$custom-primary};
    --custom-secondary: #{$custom-secondary};
    --secondary-tint: #{$secondary-tint};
}