:root {
    /* !FONT */
    /* ?==================== FONT FAMILY ==================== */
    --font-primary: "Open Sans", sans-serif !important;
    /* Font chính */
    --font-secondary: "Roboto", sans-serif !important;
    /* Font phụ */
    --font-notification: Arial, Helvetica, sans-serif !important;
    /* Font cho thông báo */

    /* !FONT SIZE */
    /* ?==================== HEADER ==================== */
    --fs-header-logo-primary: 19px;
    /* Kích thước logo header */

    /* ?==================== MENU ==================== */
    --fs-menu-primary: 14px;
    /* Kích thước chữ menu chính */

    /* ?==================== TITLE ==================== */
    --fs-title-content-primary: 18px;
    /* Kích thước tiêu đề nội dung chính */
    --fs-text-content-primary: 13px;
    /* Kích thước chữ dưới tiêu đề */

    /* ?==================== TEXT ==================== */
    --fs-text-primary: 15px;
    /* Kích thước chữ nội dung chính */
    --fs-text-secondary: 14px;
    /* Kích thước chữ nội dung phụ */
    --fs-text-icon-primary: 12px;
    /* Kích thước chữ dưới icon */

    /* ?==================== FOOTER ==================== */
    --fs-footer-logo-primary: 15px;
    /* Kích thước logo footer */
    --fs-footer-title-primary: 17px;
    /* Kích thước chữ tiêu đề logo footer */
    --fs-footer-title-icon-primary: 16px;
    /* Kích thước tiêu đề có icon footer */
    --fs-footer-text-primary: 13px;
    /* Kích thước chữ footer */

    /* !FONT WEIGHT */
    /* ?==================== FONT WEIGHT ==================== */
    --fw-bold: 700;
    /* Độ đậm chữ */
    --fw-normal: 500;
    /* Độ bình thường chữ */

    /* !BACKGROUND COLOR */
    /* ?==================== MENU ==================== */
    --bg-menu-primary: #001e42;
    /* Màu nền menu chính */
    --bg-active-menu: #ebebeb;
    /* Màu nền breadcrumb*/
    --bg-menu-secondary: #ffffff;
    /* Màu nền menu phụ */
    --bg-menu-hover-secondary: #002a5c;
    /* Màu hover menu phụ */

    /* ?==================== BODY ==================== */
    --bg-body: #ffffff;
    /* Màu nền body */
    --bg-body-secondary: #eeeeee;
    /* Màu nền body phụ */

    /* ?==================== CONTENT ==================== */
    --bg-content: #ffffff;
    /* Màu nền nội dung */
    --bg-content-secondary: #e6e9ed;
    /* Màu nền nội dung phụ */

    /* ?==================== GENERAL ==================== */
    --bg-primary: #001e42;
    /* Màu nền chính */
    --bg-secondary: #002a5c;
    /* Màu nền phụ */
    --bg-breadcrumb: #CCD3DA;

    /* !TEXT COLOR */
    /* ?==================== TEXT ==================== */
    --text-primary: #ffffff;
    /* Màu chữ chính */
    --text-secondary: #001e42;
    /* Màu chữ phụ */
    --text-secondary2: #888888;
    /* Màu chữ phụ */

    /* ?==================== TITLE ==================== */
    --title-primary: #064084;
    /* Màu tiêu đề chính */
    --title-secondary: #9f9f9f;
    /* Màu tiêu đề phụ */

    /* ?==================== HOVER ==================== */
    --hover-primary: #a30713;
    /* Màu chữ khi hover */

    /* !BUTTON COLOR */
    /* ?==================== BUTTON ==================== */
    --btn-primary: #0d6efd;
    /* Màu nút chính  */
    --btn-primary-hover: #0b5ed7;
    /* Hover nút chính */
    --btn-secondary: #eeeeee;
    /* Màu nút phụ */
    --btn-secondary-hover: #d3d3d3;
    /* Hover nút phụ */
    --btn-danger: #a30713;
    /* Màu nút nguy hiểm */
    --btn-danger-hover: #8b0610;
    /* Hover nút nguy hiểm */
    --btn-text: #ffffff;
    /* Màu chữ trên nút */
    --btn-disabled: #adb5bd;
    /* Màu nút vô hiệu hóa */

    /* !BORDER */
    /* ?==================== BORDER ==================== */
    --border-menu-primary: #d2d2d2;
    /* Viền menu chính */
    --border-primary: #001e42;
    /* Viền chính */
    --border-secondary: #d2d2d2;
    /* Viền phụ */

    /* !BOX SHADOW */
    /* ?==================== BOX SHADOW ==================== */
    --shadow-primary: 0 0 5px rgb(230, 226, 226);
    /* Đổ bóng chính */

    /* !ICON COLOR */
    /* ?==================== ICON SLIDE ==================== */
    --icon-slide-primary: #d72924;
    /* Màu icon slide */
    --dot-primary: #d72924;
    /* Màu dot active slide */
}