/* ============================================================
   THEME.CSS — Tiệm Màu ST: xanh trời, xanh đồng cỏ và vàng nắng
   Nạp SAU CÙNG trong index.html. Đổi màu toàn site chỉ cần sửa :root.
   Sky #237B96 · Meadow #557A43 · Sunlight #F6E5AB · White #FFFFFF
   ============================================================ */
:root {
    --bg-dark: #F3FAFD;
    --bg-card: #FFFFFF;
    --sand: #EDF3DF;
    --border-color: #C4DFE9;
    --gold: #237B96;
    --gold-hover: #185D75;
    --logo-gold: #237B96;
    --burgundy: #456A42;
    --olive: #557A43;
    --meadow: #EDF3DF;
    --sunlight: #F6E5AB;
    --sunlight-soft: #FFF9E9;
    --text-main: #203F4C;
    --text-muted: #526E79;
    --nav-green: rgba(255,255,255,0.95);
    --c-surface: #FFFFFF;
    --c-soft: #EFF8FC;
    --c-sand: #EDF3DF;
    --c-line: #C4DFE9;
    --c-line-soft: #E5F1F5;
    --c-text: #203F4C;
    --c-muted: #526E79;
    --c-tint: #B9E2EE;
    --c-input: #FFFFFF;
    --c-placeholder: #647F8A;
    --c-nav-link: #3C6475;
    --c-nav-active: #237B96;
    --c-nav-line: #C4DFE9;
    --c-footer: #E9F0DF;
    --c-footer-text: #203F4C;
    --c-footer-dim: #526E79;
    --c-box: #EFF8FC;
    --c-opt: #3C6475;
}
body { background-color: var(--bg-dark); color: var(--text-main); }

/* Nút hành động xanh lá trầm, chữ trắng. */
.btn-hero-cta, .btn-nav-booking, .btn-submit-all { background: var(--burgundy); color: #FFFFFF !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: var(--c-sand, #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(135deg, #D4EFF7, #EDF7E9); }
.cta-content h2 { color: #F5EFE2 !important; }
.cta-section .btn-hero-cta { background: var(--c-soft, #F5EFE2); color: var(--burgundy) !important; }
.cta-section .btn-hero-cta:hover { background: var(--c-surface, #FFFDF7); }

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