@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;600&display=swap');

:root {
    --radius: 15px;
    --btn-radius: 4px;
    
    --accent-light: #7a6fb0;
    --accent-base: #635985;
    --accent-dark: #4f466d;
    --accent-deep: #393053;
    --accent-void: #18122B;

    --background-light: #343434;
    --background-mid: #262626;
    --background-base: #1e1e1e;

    --error-background: rgba(220, 50, 50, 0.2);
    --error-border: rgba(255, 150, 150, 0.4);
    --error-text: rgba(255, 180, 180, 0.6);

    --text-color: #fff;

    --conic-gradient: conic-gradient(
        var(--accent-dark), 
        var(--accent-base), 
        var(--accent-light), 
        var(--accent-base), 
        var(--accent-dark));
}

body {
    background: var(--background-base);
    color: var(--text-color);
    overflow: hidden;
    height: 100vh;
    margin: 0;

    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    
    display: flex;
    flex-direction: column;
    align-items: center;
}