/* Gallery Noir for the tour (2026-10-14, Haziq's pick: dusk throughout, lights on inside). Loaded after style.css and
   tour.css on tour/index.html only, so the homepage, the tour and its no-3D fallback share one identity. house.html
   (the unlinked test page) keeps the original light look. Fonts: the homepage pair (SIL OFL, licences beside them). */
@font-face { font-family: "Bodoni Moda"; font-weight: 500 700; font-style: normal; font-display: swap; src: url("../fonts/bodoni-moda-var.woff2") format("woff2"); }
@font-face { font-family: "Instrument Sans"; font-weight: 400; font-style: normal; font-display: swap; src: url("../fonts/instrument-sans-400.woff2") format("woff2"); }
@font-face { font-family: "Instrument Sans"; font-weight: 600; font-style: normal; font-display: swap; src: url("../fonts/instrument-sans-600.woff2") format("woff2"); }

:root {
  /* interface */
  --bg: #0E0D0B;
  --panel: #171512;
  --panel-line: #2C2823;
  --ink: #F2EDE4;
  --muted: #A39B8E;
  --accent: #C2A06B; /* brass */
  --on-accent: #14120F;
  --avail-strong: #6FBF8B;
  --res-strong: #E3A84B;
  --sold-strong: #8C877E;
  --select-strong: #C2A06B;
  /* the dusk scene (also read by tour.js for the 3D: ground, roads, plot tints, clay) */
  --ground: #141719;
  --road: #4A4338;
  --road-edge: #6B6252;
  --avail: #3F7D57;
  --res: #B5843A;
  --sold: #6E6A62;
  --wall: #D9CFBF;
  --wall-side: #A19786;
  --floor: #CFC5B3;
  --builtin: #A89A82;
}
body { font-family: "Instrument Sans", system-ui, sans-serif; color: var(--ink); }
h1, h2 { font-family: "Bodoni Moda", Georgia, serif; font-weight: 600; letter-spacing: 0.01em; }
.bar::before { background: linear-gradient(to bottom, var(--bg) 0%, var(--bg) 62%, rgba(14, 13, 11, 0) 100%); }
.dock::before { background: linear-gradient(to top, var(--bg) 0%, var(--bg) 70%, rgba(14, 13, 11, 0) 100%); }
.btn.primary, .chip[aria-pressed='true'], .seg button[aria-pressed='true'], .plan-btn[aria-pressed='true'] { color: var(--on-accent); }
.btn, .chip, .seg, .seg button, .plan-btn, .demo-badge, .card-close { border-radius: 0; }
.card, .plot-card, .room-card { border-radius: 0; box-shadow: none; }
/* dark swatches (charcoal, walnut) need a light rim on a dark card */
.fin-sw { border-color: rgba(242, 237, 228, 0.28); border-radius: 0; }
/* room labels sit on the model's floors, which stay light: dark ink there, near-black brown when selected (contrast-tour.mjs) */
.room-label { color: #14120F; }
.room-label .rl-dims { color: #4A443A; }
.room-label.selected, .room-label.selected .rl-dims { color: #2B200D; }
/* no-3D fallback plans: same rule, the room fills stay light; the overall width sits on the dark plan background */
.fb-room { fill: #14120F; }
.fb-dims { fill: #4A443A; }
.fb-dims.fb-overall { fill: var(--muted); }
.fb-plan { border-radius: 0; }