:root {
    --primary-color: #6166b8;
    --primary-dark: #6166b8dd;
    --primary-light: #6166b822;
    --gradient-bg: linear-gradient(135deg, #6166b8 0%, #6166b8dd 100%);
}

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

.logo {
    box-shadow: 0 10px 30px #6166b830;
}

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

.btn-login {
    box-shadow: 0 5px 15px #6166b830;
}

.btn-login:hover {
    box-shadow: 0 8px 25px #6166b840;
    background: linear-gradient(135deg, #6166b8dd 0%, #6166b8 100%);
}

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

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