@import url("https://fonts.googleapis.com/css2?family=Vend+Sans:ital,wght@0,300..700;1,300..700&display=swap");

* {
    --success-color: #4CAF50;
    --error-color: #F44336;
    --warning-color: #FF9800;
    --info-color: #2196F3;
    --font-color: #333333;
    --font-dark: #999999;
    --primary-color: #6200EE;
    --background-color: #f0f0f0;
    --background-dark: #b4b4b4;
}

html {
    font-family: 'Vend Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
    scroll-behavior: smooth;
}

body {
    background-color: var(--background-color);
    color: var(--font-color);
    min-height: max-content;
    margin: 0;
    padding: 0;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
}

main {

}

/* Global Animations */

.fade-in {
    animation: drop-fade-in 1s ease-in-out;
}
@keyframes drop-fade-in {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Global Color Classes */

.success-text {
    color: var(--success-color)
}

.error-text {
    color: var(--error-color)
}

.warning-text {
    color: var(--warning-color)
}

.info-test {
    color: var(--info-color)
}