body.SiteBackground{background-image:url('https://resx.octorate.com/content/704755/1745934697869.png')}@media (min-width: 1220px) {.SearchLabel .fa{background:#b49558;color:#fff}}.BoxHover:hover{box-shadow:1px 1px 10px #b49558}.SearchBar .GreenButton .ui-button-text{background-color:#b49558}.SiteTopBar{background-color:rgba(180,149,88,0.8)}:root{--color:#b49558!important;--color-rotation:40.66206909678157deg!important;}.button, .button span.ui-button-text, .customButton span.ui-button-text{background-color:#b49558!important;}/* Custom Theme for Domos Mirador - Nature Inspired Palette */
:root {
    --color: #6D7D5F; /* Muted Olive Green for branding */
    --accent: #B26E48; /* Terracotta Clay for CTAs */
    --background: #E9E4DC; /* Soft Sand Beige */
    --light-bg: #F7F4EF; /* Warm Cream for input backgrounds */
    --text-dark: #2E2E2E; /* Deep Charcoal for headings and body */
    --text-light: #FFFFFF; /* Light text for contrast */
    --gray: #C0BEB8; /* Subtle borders */
    --invert: var(--text-light);
    --max-width: 1480px;
    --max-width-home: 1000px;
    --box-shadow: 0 0 clamp(15px, 2vw, 25px) 0 rgba(0, 0, 0, 0.15);
}

body {
    background-color: var(--background);
    color: var(--text-dark);
    font-family: 'Mulish', sans-serif;
}

a, .link {
    color: var(--color);
}

a:hover, .link:hover {
    color: var(--accent);
}

.button {
    background-color: var(--accent);
    color: var(--text-light);
    border: none;
}

.button:hover {
    background-color: var(--text-dark);
    color: var(--text-light);
}

input, textarea, select {
    background-color: var(--light-bg);
    border: 1px solid var(--gray);
    color: var(--text-dark);
}

h1, h2, h3, h4, h5, h6 {
    color: var(--text-dark);
    font-family: 'Roboto Condensed', sans-serif;
}

.SiteMain {
    background-color: var(--light-bg);
    box-shadow: var(--box-shadow);
}

.RoomPhoto {
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

.SiteFooter {
    background-color: var(--gray);
    color: var(--text-dark);
    padding: 10px;
    font-size: 0.9em;
}

/* CTA Buttons */
.CTAButton, .customButton span.ui-button-text {
    background-color: var(--accent);
    color: var(--text-light);
}

.CTAButton:hover, .customButton.ui-state-hover .ui-button-text {
    background-color: var(--text-dark);
    color: var(--text-light);
}