/* Homepage visual styling from design.md.
   Existing geometry, type sizes, breakpoints and motion are intentionally retained. */
body[data-page="home"] {
  --action: #0066cc;
  --action-focus: #0071e3;
  --action-dark: #2997ff;
  --ink: #1d1d1f;
  --text: #1d1d1f;
  --muted: #333333;
  --cream: #ffffff;
  --paper: #ffffff;
  --sage: #f5f5f7;
  --clay: #0066cc;
  --line: #e0e0e0;
  --surface-dark: #272729;
  --surface-black: #000000;
  --on-dark: #ffffff;
  --muted-dark: #cccccc;
  --font-ui: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--font-ui);
}
body[data-page="home"] :is(h1, h2, h3, p, blockquote, .brand i, button, select) { font-family: var(--font-ui); }
body[data-page="home"] :is(h1, h2, h3, .discovery-panel strong, .brand i) { font-weight: 600; }
body[data-page="home"] :is(.hero h1 em, h2 em) { color: var(--ink); }
body[data-page="home"] header { background: var(--surface-black); color: var(--on-dark); border-color: var(--surface-black); }
body[data-page="home"] .talk { color: var(--action-dark); }
body[data-page="home"] :is(.text-link, .more, .reset-filters, .hero-foot a) { color: var(--action); border-color: var(--action); }
body[data-page="home"] :is(.primary, .about .primary, .floating) {
  background: var(--action);
  border-color: var(--action);
  color: var(--on-dark);
  border-radius: 9999px;
  box-shadow: none;
}
body[data-page="home"] :is(.primary:hover, .about .primary:hover, .floating:hover) { background: var(--action); }
body[data-page="home"] :is(a, button, select):focus-visible { outline-color: var(--action-focus); }
body[data-page="home"] :is(.discovery, .cta) { background: var(--sage); }
body[data-page="home"] .discovery-panel { background: var(--surface-dark); }
body[data-page="home"] .discovery-panel > span { background: rgba(0, 0, 0, .52); }
body[data-page="home"] .hero-caption { background: rgba(0, 0, 0, .48); }
body[data-page="home"] :is(.hero-caption, .hero-caption small, .discovery-panel small) { color: var(--on-dark); }
body[data-page="home"] .home-image > .listing-badge { background: var(--paper); color: var(--ink); }
body[data-page="home"] .about { background: var(--surface-dark); color: var(--on-dark); }
body[data-page="home"] .about h2 em { color: var(--on-dark); }
body[data-page="home"] .about .lead { color: var(--on-dark); }
body[data-page="home"] :is(.about-copy .eyebrow, .about-copy > p:not(.lead):not(.eyebrow)) { color: var(--muted-dark); }
body[data-page="home"] .about-portrait { background: var(--sage); }
body[data-page="home"] .cta > p { color: var(--ink); }
body[data-page="home"] footer { background: var(--sage); color: var(--muted); }
body[data-page="home"] :is(h1 em, h2 em) { font-weight: inherit; }