/*
Theme Name: Harbrook & Vale — NeuralIndex Demo
Theme URI: https://neuralindex.ai
Description: Bespoke demo child theme of Honeycomb for the PropertyHive listing-detail rebuild (NEU-353). Independent estate agents for Surrey, London & the South East. Demo showcase only.
Author: NeuralIndex
Template: honeycomb
Version: 0.1.0
*/

:root {
  /* Monochrome palette — all colour comes from the property photography, per the
     Mäklarhuset reference. Strictly black / white / one warm grey card fill. */
  --sa-canvas: #ffffff;
  --sa-panel: #f0efec;          /* warm grey — flat card / metrics fill */
  --sa-ink: #141414;            /* near-black text */
  --sa-muted: #6e6b67;          /* secondary text */
  --sa-line: #dcd9d3;           /* hairline dividers */
  --sa-black: #141414;          /* full-bleed black panels + primary buttons */
  --sa-black-ink: #ffffff;
  /* Legacy accent aliases repointed to ink so any lingering reference renders
     monochrome rather than clay. */
  --sa-accent: #141414;
  --sa-accent-ink: #ffffff;
  --sa-radius: 0px;             /* sharp corners everywhere */
  --sa-shadow: none;            /* zero drop shadows */
  --sa-maxw: 1360px;            /* reference caps content ~1340–1390px */
  /* Ultra-light geometric grotesque for display type (weight 200, tight
     negative tracking) — a free Everett stand-in. Inter for body. Button/badge
     labels use the same modern sans stack, matching the display and body faces. */
  --sa-display: "General Sans", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --sa-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --sa-label: "General Sans", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* --- Editorial redesign (2026-08-07). Applied on the listing page only;
     the front page and archive keep the NEU-353 language above. --- */
  --sa-canvas-warm:  #f7f7f5;
  --sa-surface:      rgba(255,255,255,.96);
  --sa-hairline:     rgba(0,0,0,.05);
  --sa-shadow-card:  0 16px 40px rgba(0,0,0,.05);
  --sa-shadow-hover: 0 20px 48px rgba(0,0,0,.07);
  --sa-r-surface:    28px;
  --sa-r-button:     16px;
  --sa-r-input:      18px;
  --sa-r-pill:       999px;
  --sa-r-media:      20px;
  --sa-surface-nav:  rgba(247,247,245,.82);   /* sticky sub-nav frost tint */
  --sa-gap-section:  clamp(96px, 8vw, 160px);
  --sa-gap-block:    40px;
  --sa-gutter:       clamp(24px, 4vw, 64px);
  --sa-ease:         cubic-bezier(.4, 0, .2, 1);
  --sa-dur:          200ms;
}