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

:root {
    /* Màu thương hiệu dùng chung */
    --DEFAULT-VNSC-COLOR: #122D51;
    --DEFAULT-VNSC-COLOR-SOFT: #F0F0F0; /* nền nhạt cho thẻ */
    --DEFAULT-VNSC-COLOR-TEXT-MENU-ACTIVE: #FFFFFF; /* màu chữ khi active */
    --DEFAULT-VNSC-COLOR-TEXT-MENU: #FFFFFF; /* màu */
    --DEFAULT-VNSC-COLOR-TEXT-PLACEHOLDER: #999;
}

body, .o_form_label, .o_form_field {
    font-family: 'Roboto', 'Inter', sans-serif !important;
}

body, h1, h2, h3, h4, h5, h6, p, span, div, a, button, input, textarea, select, option, label, ul, li, table, tr, td, th, form {
    font-family: 'Roboto', 'Inter', sans-serif !important;
}

/* Button chủ đạo VNSC */
.btn-primary-vnsc {
    background-color: var(--DEFAULT-VNSC-COLOR) !important;
    color: #ffffff !important;
    border: 1px solid transparent;
}

.btn-primary-vnsc:hover {
    filter: brightness(0.92);
}

/* Utilities thương hiệu */
.brand-bg {
    background-color: var(--DEFAULT-VNSC-COLOR) !important;
}

.brand-text {
    color: var(--DEFAULT-VNSC-COLOR) !important;
}

.brand-soft-bg {
    background-color: var(--DEFAULT-VNSC-COLOR-SOFT) !important;
}

/* placeholder */
/* Standard syntax */
input::placeholder {
    color: var(--DEFAULT-VNSC-COLOR-TEXT-PLACEHOLDER);
    font-style: italic;
}

/* For older WebKit/Blink browsers (Chrome, Safari, Opera) */
input::-webkit-input-placeholder {
    color: var(--DEFAULT-VNSC-COLOR-TEXT-PLACEHOLDER);
    font-style: italic;
}

/* For older Firefox */
input::-moz-placeholder {
    color: var(--DEFAULT-VNSC-COLOR-TEXT-PLACEHOLDER);
    font-style: italic;
}

/* For older Internet Explorer */
input:-ms-input-placeholder {
    color: var(--DEFAULT-VNSC-COLOR-TEXT-PLACEHOLDER);
    font-style: italic;
}