:root {
    --main-color: #7e7bae;
    --main-bg-color: #a09dbd;
    --secondary-bg-color: #918eba;
    --button-color: #1d5389; 
    --button-hover: #2262a2;

    --secondary-bg-color-item: #9c99bd;

    --box-shadow-color: #45426d;

    --button-contrast-color: #2262a2;
    --button-contrast-highlight-color: #2771bb;
}

@font-face {
    font-family: 'Mont Serrat';
    src: url("../fonts/Montserrat/Montserrat-VariableFont_wght.ttf");
    font-display: swap;
}

* {
    margin: 0px;
    padding: 0px;
    box-sizing: content-box;
    font-family: 'Mont Serrat', Tahoma, Verdana, sans-serif;
}

body {
    display: flex;
    flex-direction: column;
    background-color: var(--main-bg-color);
    position: relative;
}
@media (prefers-reduced-motion: no-preference) { /* For accessibility */
    html {
        scroll-behavior: smooth;
    }
}