@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');


@import url("sections/header.css");
@import url("sections/welcome.css");
@import url("sections/carousel.css");
@import url("sections/item.css");


@import url("global.css");
@import url("responsive.css"); 

:root {
    --roboto: "Roboto", sans-serif;
    --open-sans: "Archivo Black";

    --bg-color: #000000;
    --text-color: #ffffff;
    --button-bg: #ffffff;
    --button-bg2: #000000;
    --button-text: #000000;
    --button-text2 :#ffffff;
    --border-color: #000000;
    --header-bg: transparent;


}

/* .dark-mode {
    --bg-color: #ffffff;
    --text-color: #000000;
    --button-bg: #8b8b8b;
    --button-bg2: #ffffff;
    --button-text: #ffffff;
    --button-text2 :#000000;
    --border-color: #ffffff;
    --header-bg: transparent;   
} */