/*--------------------------------------------------------------
# Chenloft brand theme — global palette
# Loaded after main.css on every page. main.css builds its header,
# footer, sections, cards and buttons from the CSS variables below,
# so redefining them here reskins the whole site to the Chenloft
# black & gold look without touching each page's markup.
--------------------------------------------------------------*/
:root {
  --default-font: "Jost", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --heading-font: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --nav-font: "Jost", sans-serif;

  --background-color: #000000;
  --default-color: rgba(255, 255, 255, 0.85);
  --heading-color: #ffffff;
  --accent-color: #e3d0a8;
  --surface-color: #141414;
  --contrast-color: #000000;

  --nav-color: rgba(255, 255, 255, 0.75);
  --nav-hover-color: #e3d0a8;
  --nav-mobile-background-color: #000000;
  --nav-dropdown-background-color: #0d0d0d;
  --nav-dropdown-color: rgba(255, 255, 255, 0.8);
  --nav-dropdown-hover-color: #e3d0a8;
}

/* Cormorant Garamond reads light and elegant on its own; main.css's
   bold (700) heading weight was tuned for Raleway and looks heavy here. */
h1, h2, h3, h4, h5, h6 {
  font-weight: 500;
}

.section-title h2 {
  font-weight: 500;
  letter-spacing: 0.5px;
}

body {
  font-weight: 300;
}

/* Used by the footer (and a couple of orphan template sections) as a
   "raise off the page background" surface — keep it dark instead of
   the template's default off-white so it still matches the brand. */
.light-background {
  --background-color: #0b0b0b;
  --surface-color: #161616;
}

#header {
  box-shadow: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

/* Sitewide logo mark (image logo in the header .logo link). Pages with
   their own bespoke header, like the homepage, size this separately.
   The gold-on-transparent art reads on the black header as-is. */
.header .logo img {
  max-height: 40px;
  border-radius: 3px;
}

/* The Available Rooms cards (.real-estate .card) sit their rent badge
   and title directly on a dark photo overlay, so they need white text
   regardless of --contrast-color, which is black site-wide for the
   gold accent buttons elsewhere. */
.real-estate .card .card-body .sale-rent,
.real-estate .card .card-body h3 a {
  color: #ffffff;
}

/*--------------------------------------------------------------
# Animations off
# Kills hover transitions, the preloader spin, and any other CSS
# animation/transition site-wide (incl. inline style="animation:..."
# attributes, which !important also beats). AOS itself has been
# removed from every page (script, stylesheet, and data-aos-* attrs).
--------------------------------------------------------------*/
:root {
  scroll-behavior: auto !important;
}

*,
*::before,
*::after {
  animation: none !important;
  transition: none !important;
}