:root {
    --bs-primary: #5BA4DC;
    --bs-secondary: #462679;
    --bs-dark: #0E1034;
    --bs-light: #EEF8FD;
    --bs-danger: #E13206;
    --bs-body-bg: var(--bs-light);
    --bs-body-color: #212961;
}

body {
    background: url('../image/background.jpeg') no-repeat center center fixed;
    background-size: cover;
    color: var(--bs-body-color);
    min-height: 100vh;
}

.overlay {
    background-color: rgba(14, 16, 52, 0.35);
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.auth-box {
    background-color: rgba(255, 255, 255, 0.95);
    padding: 30px;
    border-radius: 10px;
    color: var(--bs-body-color);
    width: 100%;
    max-width: 500px;
}