@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

/* Define Meiryo if using a local font */
@font-face {
    font-family: 'Meiryo';
    src: url('../fonts/Meiryo.ttf') format('truetype'),
         url('../fonts/Meiryo-Bold.ttf') format('truetype'),
         url('../fonts/Meiryo-BoldItalic.ttf') format('truetype'),
         url('../fonts/Meiryo-Italic.ttf') format('truetype');
}
body {
    font-family: 'Roboto', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

body.meiryo {
    font-family: 'Meiryo', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

.form-check-input:checked {
    background-color: #FFBE98;
    /* Màu cam khi chọn */
    border-color: #FFBE98;
    /* Màu viền cam khi chọn */
}

.btn-login {
    background-color: #FF8640;
    border: none;
    width: 100%;
}

.btn-login:hover {
    background-color: #FF8640;
}

.form-check-label {
    font-size: 14px;
}

.link-secondary {
    font-size: 14px;
    text-decoration: none;
}

.link-secondary:hover {
    text-decoration: underline;
}

.mb-8 {
    margin-bottom: 64px;
}

.h-56px {
    height: 56px;
}