/* public/css/brand.css
 * Shared brand tokens and button styles used by both the admin layout
 * (admin.css) and the standalone login page (login.css).
 */

:root {
    --brand-dark: #13102c;
    --brand-cyan: #3df2b6;
    --brand-blue: #00d2ff;
    --brand-purple: #937dff;
}

.btn-gradient-cyan {
    background: linear-gradient(90deg, var(--brand-cyan) 0%, var(--brand-blue) 100%);
    color: #000 !important;
    font-weight: 600;
    border: none;
    border-radius: 50px;
    padding: 8px 24px;
    transition: opacity 0.2s, transform 0.2s;
}
.btn-gradient-cyan:hover {
    opacity: 0.85;
}

.btn-gradient-purple {
    background: linear-gradient(90deg, var(--brand-blue) 0%, var(--brand-purple) 100%);
    color: #fff !important;
    font-weight: 600;
    border: none;
    border-radius: 50px;
    padding: 8px 24px;
    transition: opacity 0.2s;
}
.btn-gradient-purple:hover {
    opacity: 0.85;
}

/* Overriding Bootstrap primary button globally */
.btn-primary {
    background-color: var(--brand-dark);
    border-color: var(--brand-dark);
}
.btn-primary:hover {
    background-color: #1f1b40;
    border-color: #1f1b40;
}