:root {
    --color-main: #22282F;
    --color-main-font: #fff;
    --color-main-font-hover: #C7C3BC;
    --color-main-alt: #E8EAED;
    --color-main-alt-font: #22282F;
    --color-main-alt-font-hover: #C7C3BC;
    --color-header: #22282F;
    --color-prim-menu-font: #F2EFE8;
    --color-prim-menu-font-hover: #C7C3BC;
    --color-mob-menu: #1d2024;
    --color-mob-menu-font: #F2EFE8;
    --color-mob-menu-font-hover: #C7C3BC;
    --color-footer: #313A45;
    --color-footer-font: #F2EFE8;
    --color-footer-font-hover: #C7C3BC;
    --font-primary: 'Outfit', sans-serif;
    --font-secondary: 'Noto Sans', sans-serif;
    
    --image-overlay: rgba(0, 0, 0, 0.7);
    --image-overlay-font: #F2EFE8;
    --image-overlay-font-hover: #E2CF92;
 
    --button-bg: #C9A672;
    --button-font: #000;
    --button-hover-bg: #b89868;
    --button-hover-font: #000;

    --logo-width: 250px;
}