@import url('https://fonts.googleapis.com/css?family=Alata:400');
@import url('https://fonts.googleapis.com/css?family=Alata:400');
body { font-family: 'Alata', sans-serif; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .htag { font-family: 'Alata', sans-serif; }

:root {
    --general-font-family: Alata;
    --header-font-family: Alata;

    --border-radius: 20px;

    --color-facility: #1F252B;
    --color-tinted-gray: #5d5c54;
    --color-tinted-white: #f8f6eb;
    --color-facility-text: #ebf2f8;

    --border-radius: 20px;

    --color-primary: #86744d;
    --color-primary-rgb: 134,116,77;
    --color-primary-hover: #65573a;
    --color-primary-hover-rgb: 101,87,58;    
    --color-primary-dark: #65573a;
    --color-primary-light: #a48f61;
    --color-primary-text: #f8f4eb;
    --color-primary-on-white: #86744d;
    --color-primary-on-black: #86744d;

    --color-primary-alert-background: #c5bfb3;
    --color-primary-alert-border: #b0a691;
    --color-primary-alert-text: #201c12;

    --color-secondary: #302e22;
    --color-secondary-rgb: 48,46,34;
    --color-secondary-hover: #4d4a37;
    --color-secondary-hover-rgb: 77,74,55;
    --color-secondary-dark: #12110c;
    --color-secondary-light: #4d4a37;
    --color-secondary-text: #f8f6eb;
    --color-secondary-on-white: #302e22;
    --color-secondary-on-black: #FFFFFF;

    --color-secondary-alert-background: #a3a3a1;
    --color-secondary-alert-border: #7c7c77;
    --color-secondary-alert-text: #1d1c15;

    --color-danger: #c52c2c;
    --color-danger-hover: #9b2222;
    --color-danger-dark: #9b2222;
    --color-danger-light: #d74c4c;
    --color-danger-text: #f8ebeb;
    --color-danger-on-white: #c52c2c;
    --color-danger-on-black: #c52c2c;

    --color-danger-alert-background: #dea2a5;
    --color-danger-alert-border: #d67a7d;
    --color-danger-alert-text: #290909;

    --color-background: #f3f3f3;
    --background-overlay-color: rgba(48, 46, 34, 0.5);
    --background-overlay-filter: none;
    --checkbox-image-url: url('https://unitumtraining.wondr.se/branding/checkboxImage?h=1754487324_851ca3fa');

    --header-decoration: none;
    --header-decoration-style: solid;
    --header-color: #5d5c54;
    --header-transform: none;
    --header-weight: 600;
    --header-font-style: normal;

    /* bootstrap 5 fixes */
    --bs-primary: #86744d;
    --bs-primary-rgb: 134,116,77;
    --bs-primary-bg-subtle: #a48f61;
    --bs-primary-border-subtle: #a48f61;
    --bs-primary-text-emphasis: #65573a;

    --bs-secondary: #302e22;
    --bs-secondary-rgb: 48,46,34;
    --bs-secondary-bg-subtle: #4d4a37;
    --bs-secondary-border-subtle: #4d4a37;
    --bs-secondary-text-emphasis: #12110c;

    --bs-danger: #c52c2c;
    --bs-danger-rgb: 197,44,44;
    --bs-danger-bg-subtle: #d74c4c;
    --bs-danger-border-subtle: #d74c4c;
    --bs-danger-text-emphasis: #9b2222;


    --fa-style-family: var(--fa-style-family-classic);
    --fa-style: 300;

    --stroke-linecap: round;
    
}