/* Define Inter (Latin) */
@font-face {
    font-family: 'Inter';
    src: url('../lib/fonts/Inter-VariableFont_opsz,wght.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans JP';
    src: url('../lib/fonts/NotoSansJP-VariableFont_wght.woff2') format('woff2');
    font-weight: 100 900; /* Variable font weight range */
    font-style: normal;
    font-display: swap; /* Optional: improves performance */
}
html,body {
    background-color: #f4f6f9;
    font-family: 'Inter', 'Noto Sans JP', sans-serif;
   /* font-family: 'Noto Sans JP', 'Hiragino Sans', 'Yu Gothic', sans-serif; */
}

.login-container {
    background-color: #ffffff;
    border-radius: 15px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 30px;
    width: 100%;
    max-width: 400px;
}

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

.btn-primary {
    background-color: #40a6e6;
    border-color: #40a6e6;
    border-radius: 10px;
    width: 100%;
}

    .btn-primary:hover {
        background-color: #357ABD;
        border-color: #357ABD;
    }
/*.btn-primary {
    background-color: #e6dace;
    border-color: lightgoldenrodyellow;
    border-radius: 10px;
    color: black;
    width:100%;
}

    .btn-primary:hover {
        background-color: lightgoldenrodyellow;
        border-color: #357ABD;
        color: black;
    }*/
.form-group a {
    color: #40a6e6;
    text-decoration: none;
}

    .form-group a:hover {
        text-decoration: underline;
    }

/* Toast styling */
.toast {
    min-width: 250px;
}

/* Responsive */
@media (max-width: 576px) {
    .login-container {
        padding: 20px;
    }

    h2 {
        font-size: 1.5rem;
    }
}