/* =========================================================
   color.css — theme layer (palette + brand color variables)
   Loaded after style.css, same pairing as the legacy site's
   style.css / color.css split — this file owns *only* color.
   ========================================================= */

:root{
  /* corporate navy */
  --navy-900: #0A2540;
  --navy-800: #0F3159;
  --navy-700: #16406E;
  --navy-600: #1F5187;

  /* hometown warmth */
  --gold-600: #B9812E;
  --gold-500: #C9973F;
  --gold-100: #F4E7CD;
  --brick-600: #9C4331;

  /* neutrals */
  --cream-100: #FAF6EE;
  --cream-200: #F3ECDD;
  --paper: #FFFFFF;
  --ink-900: #262B31;
  --ink-600: #565F68;
  --ink-400: #8B939B;
  --line: #E3DCC9;

  /* brand accents per property */
  --brand-hampton: #11498A;
  --brand-microtel: #003E7E;
  --brand-fairfield: #142A4E;
  --brand-holidayinn: #14824B;
}

body{
  background: var(--cream-100);
  color: var(--ink-900);
}

a{ color: inherit; }

/* header */
#header{
  background: var(--paper);
  border-bottom: 1px solid var(--line);
}
#nav a{ color: var(--ink-600); }
#nav a:hover, #nav a.active{ color: var(--navy-900); }
#nav a.cta{ background: var(--navy-900); color: var(--paper); }
#nav a.cta:hover{ background: var(--navy-700); }

/* hero */
#hero{ background: var(--navy-900); color: var(--paper); }
#hero .eyebrow{ color: var(--gold-500); }
#hero .btn-primary{ background: var(--gold-600); color: var(--navy-900); }
#hero .btn-primary:hover{ background: var(--gold-500); }
#hero .btn-secondary{ border-color: rgba(255,255,255,.5); color: var(--paper); }
#hero .btn-secondary:hover{ background: rgba(255,255,255,.12); }

/* stats strip */
#stats{ background: var(--navy-800); color: var(--paper); }
#stats .stat b{ color: var(--gold-500); }

/* properties */
#properties{ background: var(--cream-100); }
#properties .eyebrow{ color: var(--gold-600); }
#properties h2{ color: var(--navy-900); }
.property-card{ background: var(--paper); border: 1px solid var(--line); }
.property-card .tag{ background: var(--navy-900); color: var(--paper); }
.property-card h3{ color: var(--navy-900); }
.property-card .loc{ color: var(--ink-600); }
.property-card .learn{ color: var(--navy-700); border-color: var(--navy-700); }
.property-card .learn:hover{ background: var(--navy-900); color: var(--paper); border-color: var(--navy-900); }

.property-card[data-brand="hampton"] .tag{ background: var(--brand-hampton); }
.property-card[data-brand="microtel"] .tag{ background: var(--brand-microtel); }
.property-card[data-brand="fairfield"] .tag{ background: var(--brand-fairfield); }
.property-card[data-brand="holidayinn"] .tag{ background: var(--brand-holidayinn); }

/* content */
#content{ background: var(--cream-100); }

.card{ background: var(--paper); border: 1px solid var(--line); }
.card h3{ color: var(--navy-900); }

#column2 h1{ color: var(--navy-900); border-bottom-color: var(--line); }
#column2 a{ color: var(--navy-700); }
#column2 a:hover{ color: var(--gold-600); }

.motto{ background: var(--navy-900); color: var(--paper); }
.motto span{ color: var(--gold-500); }

.brand-strip{ background: var(--paper); border: 1px solid var(--line); }

/* footer */
#footer{ background: var(--navy-900); color: var(--cream-200); }
#footer a{ color: var(--cream-200); }
#footer a:hover{ color: var(--gold-500); }
#footer .footer-bottom{ border-top-color: rgba(255,255,255,.12); color: var(--ink-400); }

/* ---- location page additions ---- */

.breadcrumb{ color: rgba(255,255,255,.7); }
.breadcrumb a{ color: var(--paper); }
.breadcrumb a:hover{ color: var(--gold-500); }

.badge{ background: var(--gold-600); color: var(--navy-900); }

.hotel-switch{ background: var(--paper); border-bottom: 1px solid var(--line); }
.hotel-switch a{ color: var(--ink-600); border-color: var(--line); }
.hotel-switch a:hover{ color: var(--navy-900); border-color: var(--navy-900); }
.hotel-switch a.current{ background: var(--navy-900); color: var(--paper); border-color: var(--navy-900); }

#quickfacts{ color: var(--paper); }
#quickfacts .fact span{ color: var(--paper); }
#quickfacts .fact small{ color: var(--paper); }

.btn-block{ background: var(--gold-600); color: var(--navy-900); }
.btn-block:hover{ background: var(--gold-500); }

.btn-outline-block{ border-color: var(--navy-900); color: var(--navy-900); }
.btn-outline-block:hover{ background: var(--navy-900); color: var(--paper); }

.area-list li a{ color: var(--navy-700); }
.area-list li a:hover{ color: var(--gold-600); }
.area-list li p{ color: var(--ink-600); }

.amenity-grid li{ color: var(--ink-900); }
.amenity-grid li::before{ color: var(--gold-600); }

.feature-photo figcaption{ color: var(--ink-600); }