:root {
    --brand-primary: #071e72;
    /* sidebar + headers */
    --brand-primary-soft: #e8ecfb;
    --brand-accent: #ffd24d;
    /* gold accent */
    --brand-danger: #dc3545;

    --text-primary: #071e72;
    --text-muted: #6b7280;

    --border-soft: #e6eaf5;
}

.title_h5 {
    color: #071e72bb;
    font-weight: 700;
}

.form-height {
    height: 80vh;
}

.form-width {
    width: 400px;
}

.login-btn {
    background-color: #071e72ef;
    color: #fff;
}

.login-btn:hover {
    background-color: #071e72ef;
    color: #fff;
}


#eyeIcon {
    color: red;           /* light gray */
    transition: 0.2s;
}

#togglePasswordBtn:hover #eyeIcon {
    color: #6c757d;       /* slightly darker on hover */
}


/* ✅ MOBILE TABLE TRANSFORMATION */
@media (max-width: 768px) {}