/* West Quay Cottages - Global Color Scheme 2026 */

:root {
    --bg-cream: #f7f2d5;
    --text-dark: #102b4b;
    --primary-blue: #4371a2;
    --accent-red: #97101c;
    --white: #faf9f3;
    --light-gray: #f9f8f1;
}

/* Override Bootstrap and global colors */
body {
    background-color: var(--bg-cream) !important;
    color: var(--text-dark) !important;
}

/* Links */
a {
    color: var(--primary-blue);
}
a:hover {
    color: var(--accent-red);
}

/* Buttons */
.btn-primary {
    background-color: var(--accent-red) !important;
    border-color: var(--accent-red) !important;
}
.btn-primary:hover {
    background-color: #7d0d18 !important;
    border-color: #7d0d18 !important;
}

.btn-outline-primary {
    color: var(--accent-red) !important;
    border-color: var(--accent-red) !important;
}
.btn-outline-primary:hover {
    background-color: var(--accent-red) !important;
    border-color: var(--accent-red) !important;
    color: white !important;
}

/* Cards and boxes */
.card, .info-card, .feature-box, .attraction-card {
    background: #faf9f3 !important;
    border: 1px solid rgba(67, 113, 162, 0.15);
}

/* Headings - excluding hero sections which have their own white headings */
h1, h2, h3, h4, h5, h6 {
    color: var(--primary-blue) !important;
}
.hero-section h1, .hero-section h2,
.page-hero h1, .page-hero h2,
.cottage-hero h1, .cottage-hero h2,
.gallery-hero h1, .gallery-hero h2,
.contact-hero h1, .contact-hero h2,
.about-hero h1, .about-hero h2,
.explore-hero h1, .explore-hero h2,
.legal-hero h1, .legal-hero h2,
.cta-section h1, .cta-section h2 {
    color: white !important;
}

/* Section backgrounds */
.features-section, .cottages-section {
    background: var(--bg-cream) !important;
}