/* Theme 1 — Red (mau1: #DD0F0F) */
:root {
    --color-primary: #DD0F0F;
    --color-primary-hover: #b50b0b;
    --color-primary-light: #fdecea;
}

body { background-color: var(--color-background); }

.background-color { background-color: var(--color-primary) !important; }
.border-color-top { border-top: 2px solid var(--color-primary) !important; }
.border-color-bottom { border-bottom: 0; }
.border-bottom-header { border-bottom: 1px solid var(--color-border); }
.background-menu,
.background-menu-footer { background: var(--color-primary) !important; }

.menu > ul > li ul { background-color: var(--color-primary); }
.menu > ul > li:hover,
.menu > ul > li.active { background-color: var(--color-primary-hover); }

.site-nav { background: var(--color-primary) !important; }
.site-nav__dropdown { border-top-color: var(--color-primary) !important; }
.site-nav__dropdown a:hover { color: var(--color-primary) !important; }

a { color: var(--color-text-primary); text-decoration: none; }
a:hover { color: var(--color-primary); }
.list-trangchu > li a:hover { color: var(--color-primary); }

.site-sidebar .chuyenmuc a:hover,
.site-sidebar .chuyenmuc-detail a:hover {
    color: var(--color-primary) !important;
    background: var(--color-primary-light) !important;
}