@import url('variables.css');
@font-face {
    font-family: 'Rabar_021';
    src: url('../fonts/Rabar_021.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
body, input, button, label, h1, h2, h3, h4, h5, h6 {
    font-family: 'Rabar_021', sans-serif !important;
}
body.login-page {
    background: linear-gradient(135deg, var(--kelly-green) 0%, var(--lime-green) 100%);
    min-height: 100vh;
}
.login-container {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 24px rgba(47, 82, 51, 0.10); /* Seafoam Green shadow */
    padding: 2.5rem 2rem;
    max-width: 400px;
    margin: 5vh auto;
    border: 2px solid var(--kelly-green);
}
.login-title {
    color: var(--seafoam-green);
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 1.5rem;
    text-align: center;
}
.form-label {
    color: var(--seafoam-green);
    font-size: 1.1rem;
}
.form-control {
    border-radius: 8px;
    border: 1px solid var(--kelly-green);
}
.btn-login {
    background: var(--lime-green);
    color: #fff;
    font-weight: bold;
    border-radius: 8px;
    transition: background 0.2s;
}
.btn-login:hover {
    background: var(--seafoam-green);
}