:root {
    --theme-color: #7fa15a;
    --theme-color-light: #a1c17a;
    --theme-color-dark: #5f8245;
    --secondary: #6c757d;
    --secondary-light: #94a6b6;
    --secondary-dark: #4d5257;
    --danger: #dc3545;
    --danger-light: #ec3042;
    --danger-dark: #b92f3d;
}

body.login-page {
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    font-family: 'Source Sans Pro', sans-serif;
}

/* Card Styling */
.login-box .card {
    border-radius: 10px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    border: none;
}

.card-outline.card-potro {
    border-top: 3px solid var(--theme-color);
}

.card-potro .h3 {
    color: var(--theme-color);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

body.login-page {
    background: linear-gradient(135deg, #e8f5e9 0%, #ffffff 100%);
}

#togglePassword {
    cursor: pointer;
    transition: color 0.2s;
}

#togglePassword:hover {
    color: var(--theme-color);
}

.input-group-text {
    background-color: transparent;
    border-left: none;
}

.form-control {
    border-radius: 8px;
}