:root {
    --primary-color: #46459c;
    --primary-dark: #46459cdd;
    --primary-light: #46459c22;
    --gradient-bg: linear-gradient(135deg, #46459c 0%, #46459cdd 100%);
}

body {
    background: var(--gradient-bg);
}

.logo {
    box-shadow: 0 10px 30px #46459c30;
}

.form-control:focus {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 0.2rem #46459c25;
}

.btn-login {
    box-shadow: 0 5px 15px #46459c30;
}

.btn-login:hover {
    box-shadow: 0 8px 25px #46459c40;
    background: linear-gradient(135deg, #46459cdd 0%, #46459c 100%);
}

.password-toggle:hover {
    color: var(--primary-color);
}

.system-title {
    color: var(--primary-color);
}