:root {
    --purple-700: #6200EE;
    --purple-800: #5901D6;
    --purple-900: #4a03af;
    --blue-500: #3b82f6;
    --gray-200: #e5e7eb;
    --gray-300: #d1d5db;
    --gray-400: #9ca3af;
    --green-500: #22c55e;
    --red-200: #fee2e2;
    --red-600: #dc2626;
    --yellow-500: #eab308;
    --primary-green: var(--green-500);
    --primary-red: var(--red-600);

    .login {
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100vh;
        width: 100%;
        z-index: 0;
    }

    .login-form {
        display: flex;
        flex-direction: column;
        gap: 16px;
        background-color: white;
        width: 320px;
        padding: 16px;
        border-radius: 4px;
    }
}