:root {
    --delight-primary: #a85f4b;
    --delight-primary-hover: #864737;
    --delight-background: #fff6f2;
    --delight-surface: #f5e5de;
    --delight-heading: #342824;
    --delight-text: #625650;
    --delight-border: #e5cbc0;
}

/* Màu chữ */
body {
    color: var(--delight-text);
    background-color: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6,
.black--color {
    color: var(--delight-heading);
}

.white--color,
.white--color h1,
.white--color h2,
.white--color h3,
.white--color h4,
.white--color h5,
.white--color h6,
.white--color p {
    color: #fff;
}

.violet-red--color,
.rose--color {
    color: var(--delight-primary);
}

/* Nút chính */
.btn.violet-red--btn,
.btn.rose--btn {
    color: #fff;
    background-color: var(--delight-primary);
    border-color: var(--delight-primary);
}

.btn.violet-red--btn:hover,
.btn.violet-red--btn:focus,
.btn.rose--btn:hover,
.btn.rose--btn:focus {
    color: #fff;
    background-color: var(--delight-primary-hover);
    border-color: var(--delight-primary-hover);
}

.btn.violet-red--hover:hover,
.btn.violet-red--hover:focus,
.btn.rose--hover:hover,
.btn.rose--hover:focus {
    color: #fff;
    background-color: var(--delight-primary);
    border-color: var(--delight-primary);
}

/* Nút viền trên nền ảnh */
.btn.tra-white--btn {
    color: #fff;
    background-color: transparent;
    border-color: #fff;
}

.btn.tra-black--btn {
    color: var(--delight-heading);
    background-color: transparent;
    border-color: var(--delight-heading);
}

/* Header: giữ màu chữ theo trạng thái của template */
#header .wsmenu-list .sub-menu > li > a:hover,
#header .wsmenu-list .sub-menu > li > a:focus,
#header .wsmenu-list > li > a:not(.btn):hover,
#header .wsmenu-list > li > a:not(.btn):focus {
    color: var(--delight-primary);
}

#header .wsmenu-list > li > a.btn {
    color: #fff;
}

#header .wsmenu-list > li > a.btn:hover,
#header .wsmenu-list > li > a.btn:focus {
    color: #fff;
    background-color: var(--delight-primary-hover);
    border-color: var(--delight-primary-hover);
}

/* Nền section */
.bg--violet-red,
.bg--rose {
    background-color: var(--delight-primary);
}

.bg--white-smoke,
.bg--white-smoke::before,
.white-smoke--shape::before,
.white-smoke--shape::after {
    background-color: var(--delight-background);
}

/* Hero trang chủ */
#hero-2 {
    background-color: var(--delight-surface);
}

/* Nội dung bài viết */
.post-content {
    color: var(--delight-text);
    line-height: 1.8;
}

.post-content h2,
.post-content h3,
.post-content h4 {
    color: var(--delight-heading);
    margin-top: 1.5em;
    margin-bottom: 0.7em;
}

.post-content p,
.post-content ul,
.post-content ol {
    margin-bottom: 1.2em;
}

.post-content a {
    color: var(--delight-primary);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.post-content a:hover {
    color: var(--delight-primary-hover);
}

/* Liên kết nội dung và footer */
.tra-link a,
.footer a:not(.btn),
.cbox-2 a:not(.btn),
.booking-content a {
    color: var(--delight-primary);
}

.tra-link a:hover,
.footer a:not(.btn):hover,
.cbox-2 a:not(.btn):hover,
.booking-content a:hover {
    color: var(--delight-primary-hover);
}

/* Form */
.form-control:focus {
    border-color: var(--delight-primary);
    box-shadow: 0 0 0 3px rgb(168 95 75 / 12%);
}

/* Footer */
#footer-2 {
    background-color: var(--delight-background);
}

#footer-2 .bottom-footer {
    border-top-color: var(--delight-border);
}

/* Chọn văn bản */
::selection {
    color: #fff;
    background-color: var(--delight-primary);
}

/* Chữ hero trên nền hồng sáng */
#hero-2 .hero-2-txt h2 {
    color: var(--delight-heading);
}

#hero-2 .hero-2-txt p,
#hero-2 .hero-2-txt .section-id {
    color: var(--delight-text);
}

/* Giữ chữ nút màu trắng */
#hero-2 .hero-2-txt .btn {
    color: #fff;
}