/* colors-brand: the Find a Home colors in the page itself. Navy from the state
   bubble bar for the deep bands, rust from the site header for the main buttons
   and one statement block, gold for the numbers, and a pale slate (not white,
   not cream) for the light sections. Cards stay white so numbers read easily. */
:root{--ink:#1A1F2A;--text:#384050;--muted:#545C6B;--line:#D3D9E2;--line2:#BFC7D3;--soft:#DFE4EB;
  --gold:#8A6A1F;--gold2:#D9B15E;--night:#2A3140;--accent:#C04E2F;--accent2:#A4421F;
  --stone:#ECEFF3;--deep:#323B4B;--card:#FFFFFF;--rust:#C04E2F;--rust2:#A4421F}
body.lux{background:var(--stone)}
.lux .h2 em,.lux .h1 em{color:var(--accent2)}
.lux .eyebrow{color:var(--accent2)}
.lux .road-k{color:var(--accent2)}
.lux .bar{background:rgba(236,239,243,.94);border-bottom-color:var(--line)}
.lux .btn-solid{background:var(--rust);color:#fff}
.lux .btn-solid:hover{background:var(--rust2)}
.lux .btn-line{background:transparent;border-color:var(--deep);color:var(--deep)}
.lux .calc,.lux .form,.lux .cmp,.lux .rate,.lux .face,.lux .local li{background:var(--card)}
/* flip cards: the back stays dark with light words */
.lux .face-b{background:var(--deep);border-color:var(--deep);color:#fff}
.lux .face-b small{color:rgba(255,255,255,.8)}
.lux .toggle button[aria-pressed="true"]{background:var(--deep);color:#fff}
.lux .foot{background:var(--stone)}
/* hero and bands: navy veil */
.lx-hero{background:var(--night)}
.lx-hero::after{background:linear-gradient(180deg,rgba(35,41,54,.35) 0%,rgba(35,41,54,.12) 35%,rgba(35,41,54,.86) 100%),linear-gradient(90deg,rgba(35,41,54,.62),rgba(35,41,54,0) 60%)}
.lx-band::after{background:rgba(35,41,54,.55)}
.lx-k{color:var(--gold2)}
.lx-hero .h1 em,.lx-h1 em{color:var(--gold2)}
.lx-cta .btn-solid{background:var(--rust);color:#fff}
.lx-cta .btn-solid:hover{background:var(--rust2);color:#fff}
/* numbers band: navy with gold numbers, like the state bubble bar */
.lx-stats{background:var(--deep);border-bottom:0}
.lx-stats li{border-left-color:rgba(255,255,255,.16)}
.lx-v{color:var(--gold2)}
.lx-l{color:#D5DBE4}
.lx-src,.lx-src a{color:#B8C0CC}
/* places sit on the slate tint */
#places{background:var(--soft);padding-bottom:var(--lx-pad);margin-top:var(--lx-pad);padding-top:var(--lx-pad)}
.lx-place{background:linear-gradient(150deg,#384050,#1A1F2A)}
.lx-place::after{background:linear-gradient(180deg,rgba(26,31,42,0) 40%,rgba(26,31,42,.8))}
.lx-pay{background:linear-gradient(180deg,transparent,rgba(26,31,42,.88))}
.lx-fit{background:var(--gold2);color:var(--ink)}
.lx-ph{background:var(--soft)}
.lx-arrows button{border-color:var(--deep);color:var(--deep)}
.lx-arrows button:hover{background:var(--deep);color:#fff}
/* the agents block is the one rust statement */
.lux .agents{background:var(--rust2);border-color:var(--rust2);color:#fff}
.lux .agents *{color:inherit}
.lux .agents .eyebrow{color:#F6D9CF}
.lux .agents .btn-ink{background:#fff;color:var(--rust2);border-color:#fff}
.lux .agents .btn-line{border-color:rgba(255,255,255,.8);color:#fff}
/* phone dock */
.lx-dock{background:rgba(236,239,243,.97);border-top-color:var(--line)}
.lx-dock a{border-color:var(--deep);color:var(--deep)}
.lx-dock a.on{background:var(--rust);border-color:var(--rust);color:#fff}