:root {
    --admin-font: 'Inter', sans-serif;
    --admin-border: #E2E8F0;
}

body.theme-dark {
    --admin-border: #334155;
}

body {
    background-color: #f2f7ff;
    font-family: var(--admin-font);
}

.card-login {
    margin: 2%;
    border-radius: 4px;
    border: 1px solid var(--admin-border);
}

.card-header {
    background-color: transparent;
    padding: 3%;
    border-bottom: 1px solid var(--admin-border);
}

.card-body {
    padding: 5%;
}

.form-control {
    border: 1px solid var(--admin-border);
    border-radius: 4px;
    font-family: var(--admin-font);
}

.form-control:focus {
    border-color: #2563EB;
    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.15);
}

input[type="email"],
input[type="password"],
input[type="text"] {
    border-radius: 4px !important;
}

.btn-primary {
    background-color: #2563EB;
    border-color: #2563EB;
    font-family: var(--admin-font);
}

.btn-outline-primary {
    color: #2563EB;
    border-color: #2563EB;
    font-family: var(--admin-font);
}

a {
    color: #2563EB;
}