@import url("https://fonts.googleapis.com/css2?family=Aleo:wght@300;400;500&family=Inter:wght@100..900&display=swap");

/* DECLARE TYPO */
@font-face {
    font-family: 'Visby CF';
    src: url("/assets/fonts/visby/VisbyCF-Regular.otf") format("opentype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Visby CF';
    src: url("/assets/fonts/visby/VisbyCF-Bold.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Visby CF';
    src: url("/assets/fonts/visby/VisbyCF-DemiBold.otf") format("opentype");
    font-weight: 600;
    font-style: normal;
}

:root {
    --blue-dark: #080B21;
    --blue-middle: #101537;
    --blue-light: #333E85;
    --white: #FFFFFF;
    --pink: #D900FF;
    --purple: #693CFF;
    --blue: #00D1FF;
    --visby: 'Visby CF', serif;
    --inter: 'Inter', sans-serif;
}