@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root {
    --primaryFont: "Bricolage Grotesque", sans-serif;
    --secondaryFont: "Inter", sans-serif;

    --brandColor: #A855F7;
}

body {
    background-color: #fff;
    color: #000;
}

.dark-mode {
    background-color: #000;
    color: #fff;
}

.font-pri{font-family: var(--primaryFont) !important;}
.font-sec{font-family: var(--secondaryFont) !important;}

.color-pri{color: var(--brandColor) !important}
.bg-pri{background-color: var(--brandColor) !important;}
.border-pri{border-color: var(--brandColor) !important;}
.wrapper {max-width: 1400px !important;}