/**
 * Multi-site design tokens.
 * Site-specific overrides live on body[data-site="…"] — Rancho Vistoso is first.
 */
:root {
  --ink: #111111;
  --black: #000000;
  --gold: #dbbb65;
  --gold-deep: #8a6d1f;
  --cream: #f4efe2;
  --cream-warm: #f6efdd;
  --line: #ddd3bb;
  --line-soft: #e4dcc8;
  --line-portrait: #cfc3a8;
  --muted: #4a4438;
  --muted-2: #5a5347;
  --muted-3: #6b6355;
  --nav-dim: #c9c1ac;
  --nav-divider: #3d3a33;
  --nav-hover-dark: #1f1c17;
  --star: #ffd050;
  --sold: #000000;
  --for-sale: #196535;
  --white: #ffffff;
  --page-bg: #ffffff;

  --font-sans: 'Cabin', system-ui, sans-serif;
  --font-size-base: 17px;
  --line-height-base: 1.6;

  --content-max: 1440px;
  --sidebar-width: 360px;
  --page-pad: 34px 20px 30px;
  --main-gap: 40px;
  --bp: 860px;

  --radius-card: 10px;
  --radius-plate: 6px;
  --radius-pill: 50px;
  --radius-btn: 8px;
  --radius-tile: 12px;

  --border-card: 2px solid var(--black);
  --shadow-dropdown: 0 12px 30px rgba(0, 0, 0, 0.25);
  --shadow-top: 0 6px 20px rgba(0, 0, 0, 0.22);
  --shadow-new: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.45));
}

body[data-site='soldranchovistoso'] {
  /* Brand accent locked for this gateway; other sites override later. */
  --gold: #dbbb65;
  --gold-deep: #8a6d1f;
  --cream: #f4efe2;
}