:root {
    /* Body */
    --body-bg: #fff;
    --body-color: #222;
    /* width */
    --max-width-full: 100%;
    --max-width-1366: 1366px;
    --max-width-1280: 1280px;
    --max-width-1200: 1200px;
    --max-width-1140: 1140px;
    --max-width-1080: 1080px;
    --max-width-1024: 1024px;
    --max-width-980: 980px;
    /* Link */
    --color-link: #dc3545;
    --color-link-hover: #0056b3;
    /* Header */
    --header-bg: #fff;
    --header-border: #ddd;
    /* Menu */
    --menu-bg: #dc3545;
    --menu-bg-hover: #0056b3;
    --menu-color: #fff;
    --menu-color-hover: #fff;
    --menu-border: #ddd;
    --menusub-bg: #fff;
    --menusub-bg-hover: #f2f2f2;
    --menusub-color: #222;
    --menusub-color-hover: #dc3545;
    --menusub-border: #ddd;
    /* Sidebar */
    --sb-menu-bg: #fff;
    --sb-menu-bg-hover: #f2f2f2;
    --sb-menu-color: #222;
    --sb-menu-color-hover: #8a2626;
    --sb-menu-border: #ddd;
    --sb-menusub-bg: #fff;
    --sb-menusub-bg-hover: #f2f2f2;
    --sb-menusub-color: #222;
    --sb-menusub-color-hover: #8a2626;
    --sb-menusub-border: #ddd;
    /* Footer */
    --footer-bg: #7c1e27;
    --footer-color: #f2f2f2;
    --footer-border: #999;
    /* Dropdown */
    --dropdown-bg: #fff;
    --dropdown-border: #ddd;
    /* Input Fields */
    --input-bg: #fff;
    --input-color: #222;
    --input-border: #ddd;
    --input-focus-border: #8a2626;
    /* Select (Dropdown) */
    --select-bg: #fff;
    --select-color: #222;
    --select-border: #ddd;
    --select-focus-border: #8a2626;
    /* Textarea */
    --textarea-bg: #fff;
    --textarea-color: #222;
    --textarea-border: #ddd;
    --textarea-focus-border: #8a2626;
    /* Các biến cho Checkbox */
    --checkbox-bg: #fff;
    --checkbox-border: #ddd;
    --checkbox-checked-bg: #8a2626;
    --checkbox-checked-border: #8a2626;
    --checkbox-checked-color: #fff;
    /* Các biến cho Radio Button */
    --radio-bg: #fff;
    --radio-border: #ddd;
    --radio-checked-bg: #8a2626;
    --radio-checked-border: #8a2626;
    --radio-disabled-bg: #f0f0f0;
    --radio-disabled-checked-bg: #ddd;
    /* btn */
    --btn-color: #222;
    --btn-border: #ddd;
    --btn-default: #f2f2f2;
    --btn-blue: #8a2626;
    --btn-red: #dc3545;
    --btn-orange: orange;
    --btn-green: #28a745;
    --btn-dark: #444;
    /* popup */
    --popup-bg: #fff;
    --popup-border: #ddd;
    /* Pagination */
    --pagination-bg: #fff;
    --pagination-border: #ddd;
    --pagination-color: #222;
    --pagination-hover-bg: #8a2626;
    --pagination-hover-border: #8a2626;
    --pagination-hover-color: #fff;
    /* Accordion */
    --accordion-bg: #fff;
    --accordion-hover-bg: #f2f2f2;
    --accordion-border: #ddd;
    --accordion-color: #222;
    /* tab */
    --tab-bg: #fff;
    --tab-border: #ddd;
    --tab-color: #222;
    --tab-hover-bg: #8a2626;
    --tab-hover-border: #8a2626;
    --tab-hover-color: #fff;
    /* Table */
    --table-bg: #fff;
    --table-border: #ddd;
    --table-bg-striped: #f2f2f2;
    /* profile */
    --profile-bg: #fff;
    --profile-border: #ddd;
    /* Rating */
    --rating-star-color: #ddd;
    --rating-star-hover: #fdce5f;
    /* tooltip */
    --tooltip-bg: #fff;
    --tooltip-border: #ddd;
    /* blockquote */
    --blockquote-bg: #f2f2f2;
    --blockquote-border: #ddd;
    --blockquote-color: #222;
    /* bg */
    --bg-blue: #8a2626;
    --bg-red: #dc3545;
    --bg-orange: #fd7e14;
    --bg-yellow: #ffc107;
    --bg-green: #28a745;
    --bg-white: #fff;
    --bg-black: #000;
    --bg-gray-default: #f2f2f2;
    --bg-gray-100: #f8f9fa;
    --bg-gray-200: #e9ecef;
    --bg-gray-300: #dee2e6;
    --bg-gray-400: #ced4da;
    --bg-gray-500: #adb5bd;
    --bg-gray-600: #6c757d;
    --bg-gray-700: #495057;
    --bg-gray-800: #343a40;
    --bg-gray-900: #212529;
    /*  color */
    --color-blue: #8a2626;
    --color-red: #dc3545;
    --color-orange: #fd7e14;
    --color-yellow: #ffc107;
    --color-green: #28a745;
    --color-white: #fff;
    --color-black: #000;
    --color-gray-default: #666;
    --color-gray-100: #f8f9fa;
    --color-gray-200: #e9ecef;
    --color-gray-300: #dee2e6;
    --color-gray-400: #ced4da;
    --color-gray-500: #adb5bd;
    --color-gray-600: #6c757d;
    --color-gray-700: #495057;
    --color-gray-800: #343a40;
    --color-gray-900: #212529;
    /* border */
    --border-blue: #8a2626;
    --border-red: #dc3545;
    --border-orange: #fd7e14;
    --border-yellow: #ffc107;
    --border-green: #28a745;
    --border-white: #fff;
    --border-black: #000;
    --border-gray-default: #ddd;
    --border-gray-100: #f8f9fa;
    --border-gray-200: #e9ecef;
    --border-gray-300: #dee2e6;
    --border-gray-400: #ced4da;
    --border-gray-500: #adb5bd;
    --border-gray-600: #999;
    --border-gray-700: #6c757d;
    --border-gray-800: #495057;
    --border-gray-900: #343a40;
}