:root {
    /* Bootstrap Root Variables*/
    --bs-primary: #808d99; 
    --bs-secondary: #1d252d;
    --bs-success: #8c46ff;
    --bs-info: #46c850;
    --bs-warning: #ff6400;
    --bs-danger: #ff6400;
    --bs-light: #4f6072;
    --bs-dark: #fbfbfb;
    --bs-link-color: #1d252d; 
    --bs-link-hover-color: #808d99;
    --bs-body-font-family: "Haffer";
    /* Bootstrap Custom Variables*/
    --bs-brand-primary: #808d99; 
    --bs-brand-secondary: #1d252d; 
    --bs-brand-font: #ffffff; 
}

@font-face {
    font-family: "Haffer";
    src: url("../../../../fonts/Haffer-Regular.ttf") format("truetype");
}