/* ============================================================
   THEME.CSS — Bảng màu "Warm Editorial"
   Nạp SAU CÙNG trong index.html. Đổi màu toàn site chỉ cần sửa :root.
   Ivory #F5EFE2 · Sand #E6D7BC · Terracotta #B84A2B · Burgundy #681F1B
   Olive #686B4D · Brown #4A3429 · Soft Black #171513 · Off White #FFFDF7
   ============================================================ */
:root {
    --bg-dark: #F5EFE2; --bg-card: #FFFDF7; --sand: #E6D7BC; --border-color: #E6D7BC;
    --gold: #B84A2B; --gold-hover: #9C3B20; --burgundy: #681F1B; --olive: #686B4D;
    --text-main: #171513; --text-muted: #4A3429; --nav-green: #FFFDF7; --logo-gold: #B84A2B;
}
body { background-color: var(--bg-dark); color: var(--text-main); }

/* CTA = Deep Burgundy */
.btn-hero-cta, .btn-nav-booking, .btn-submit-all { background: var(--burgundy); color: #FFFDF7 !important; }
.btn-hero-cta:hover, .btn-nav-booking:hover, .btn-submit-all:hover { background: var(--gold); }

/* Hero trên ảnh: overlay tối + chữ sáng */
.hero-overlay { background: linear-gradient(to bottom, rgba(23,21,19,0.35), rgba(23,21,19,0.8)); }
.hero-title { color: #F5EFE2 !important; }
.hero-section .since, .hero-section .subtitle { color: #E6D7BC; }
.hero-section .divider { background-color: #E6D7BC; }
.hero-section .tagline { color: #F5EFE2; }

/* Trang chủ */
.concept-section { background: var(--sand); }
.masonry-overlay h4 { color: #E6D7BC; }
.feat-icon { color: var(--olive); }
.parallax-content h3 { color: #E6D7BC !important; }
.cta-section { background: linear-gradient(rgba(104,31,27,0.9), rgba(104,31,27,0.97)), url('cta-bg.jpg') center/cover fixed; }
.cta-content h2 { color: #F5EFE2 !important; }
.cta-section .btn-hero-cta { background: #F5EFE2; color: var(--burgundy) !important; }
.cta-section .btn-hero-cta:hover { background: #FFFDF7; }

/* Footer */
.main-footer { background-color: var(--sand); }