/*
 * Raine & Horne: brand theme on the coastal layout (panoramic hero with a caption band, centred light headings,
 * square corners). raineandhorne.com.au uses centred light-weight headings over a short amber rule, square
 * photo tiles and outline buttons on white, with charcoal for the utility bar and footer.
 *
 * Evidence (raineandhorne.com.au, checked 2026-10-03 in a headless browser; plain curl gets a Cloudflare challenge):
 *  - Next.js CSS (/_next/static/css/*.css): the most-used accent colours are rgb(255,157,35) #FF9D23,
 *    rgb(249,157,28) #F99D1C and rgb(255,178,0) #FFB200 (the amber of the "&" in the logo, the rule under section
 *    headings and the active nav link), plus a rgb(214,136,38) #D68826 shadow tone. Charcoal is rgb(43,43,43) #2B2B2B
 *    (footer background, utility bar, outline buttons). Body text is rgb(102,102,102) #666666 and h2 is
 *    rgb(16,24,32) #101820.
 *  - Fonts: @font-face "Raine&HorneLight" / "Raine&HorneReg" (/fonts/rainehornelight-webfont.woff, …regular…),
 *    proprietary, so not bundled. h2 is Raine&HorneLight at 300/30px; body copy and buttons are Inter (next/font,
 *    free on Google Fonts, used as-is). Google Fonts substitute for the proprietary display face: Ubuntu (300/400),
 *    a humanist sans with the same soft, slightly curved terminals, double-storey a and open counters.
 *
 * Contrast: white on amber is only 1.8:1, so amber buttons use charcoal text (#2B2B2B on #FFB200 is 7.8:1). Amber
 * text on white fails too, so eyebrows, links and labels use a deepened #8F5B00 (5.7:1 on white, 5.4:1 on #F7F7F7).
 * #E6E6E6 on the #2B2B2B footer is 11.3:1.
 */
.brand-raine_horne {
  --font-display: "Ubuntu", "Segoe UI", system-ui, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-ui: "Ubuntu", "Segoe UI", system-ui, sans-serif;
  --btn-font: "Inter", system-ui, sans-serif;
  --nav-font: "Ubuntu", "Segoe UI", system-ui, sans-serif;

  --color-bg: #ffffff;
  --color-bg-alt: #f7f7f7;
  --color-surface: #ffffff;
  --color-text: #3c3c3d;
  --color-muted: #666666;
  --color-rule: #e3e3e3;
  --color-heading: #101820;
  --color-accent: #ffb200;
  --color-accent-hover: #2b2b2b;
  --color-accent-contrast: #2b2b2b;
  --color-accent-text: #8f5b00;
  --color-dark: #2b2b2b;
  --color-dark-text: #f2f2f2;

  --heading-weight: 300;
  --heading-case: none;
  --heading-tracking: 0;
  --title-size: clamp(1.9rem, 1.4rem + 1.7vw, 2.75rem);
  --label-tracking: 0.2em;
  --btn-case: none;
  --btn-tracking: 0.01em;
  --btn-weight: 700;
  --btn-pad: 0.85rem 1.6rem;
  --nav-font-size: 0.95rem;
  --nav-tracking: 0;
  --nav-case: none;
  --nav-bg: #ffffff;
  --nav-color: #2b2b2b;
  --nav-rule: #e3e3e3;
  --field-border: #cccccc;
  --footer-bg: #2b2b2b;
  --footer-text: #e6e6e6;
  --footer-rule: rgba(255, 255, 255, 0.14);
  --back-to-top-bg: #ffb200;
  --back-to-top-color: #2b2b2b;
}

/* amber buttons with charcoal text (coastal paints primaries in the heading colour, so restore the accent) */
.brand-raine_horne .btn--primary { background: var(--color-accent); border-color: var(--color-accent); color: var(--color-accent-contrast); }
.brand-raine_horne .btn--primary:hover { background: #2b2b2b; border-color: #2b2b2b; color: #ffffff; }
.brand-raine_horne .btn--outline { border-width: 1px; }

/* amber is a fill; text that needs it uses the deepened amber */
.brand-raine_horne main a:where(:hover), .brand-raine_horne .prose a, .brand-raine_horne .btn--ghost:hover { color: var(--color-accent-text); }
.brand-raine_horne :is(.section-head__eyebrow, .story-block__label) { color: var(--color-accent-text); font-weight: 500; }
.brand-raine_horne :focus-visible { outline-color: #2b2b2b; }

/* centred light headings over the short amber rule */
.brand-raine_horne .section-head__title::after { content: ""; display: block; width: 56px; height: 3px; margin: 0.85rem auto 0; background: var(--color-accent); }
.brand-raine_horne :is(.story-block__title, .room-card__title) { font-weight: 300; text-transform: none; letter-spacing: 0; }
.brand-raine_horne :is(.stat__value, .facts__price, .highlight__value) { font-weight: 300; }
.brand-raine_horne .pull-quote { color: var(--color-heading); }

/* nav: white bar, Ubuntu links with an amber marker */
.brand-raine_horne .site-nav { box-shadow: inset 0 4px 0 #2b2b2b; }
.brand-raine_horne .site-nav__brand-street { color: #101820; font-weight: 500; letter-spacing: -0.01em; text-transform: none; font-size: 1.2rem; }
.brand-raine_horne .site-nav__links a[aria-current], .brand-raine_horne .site-nav__links a:hover, .brand-raine_horne .site-nav__share-button:hover { border-bottom-color: var(--color-accent); }

/* hero: charcoal caption band with an amber edge, light sentence-case headline */
.brand-raine_horne .hero--coastal .hero__band { background: rgba(43, 43, 43, 0.8); border-left: 5px solid var(--color-accent); }
.brand-raine_horne .hero--coastal .hero__title { font-weight: 300; text-transform: none; letter-spacing: -0.01em; line-height: 1.08; }
.brand-raine_horne .hero--coastal .hero__suburb { font-family: var(--font-body); letter-spacing: 0.22em; }
.brand-raine_horne .hero--coastal .status-banner { background: var(--color-accent); color: #2b2b2b; }
.brand-raine_horne .hero--coastal .status-banner--sold { background: #9d2a24; color: #ffffff; }
.brand-raine_horne .jump-row__link { font-weight: 400; color: #2b2b2b; letter-spacing: 0.14em; }
.brand-raine_horne .jump-row__link:hover { background: var(--color-bg-alt); color: #101820; box-shadow: inset 0 -3px 0 var(--color-accent); }

.brand-raine_horne .chip.is-active, .brand-raine_horne .chip[aria-pressed="true"] { background: #2b2b2b; border-color: #2b2b2b; color: #ffffff; }
.brand-raine_horne .feature-list__item::before { border-radius: 0; }
.brand-raine_horne .inspection__date { background: #2b2b2b; color: #ffffff; }
.brand-raine_horne :is(.inspection__day, .inspection__month) { color: var(--color-accent); }
.brand-raine_horne .agent-card__initials { background: var(--color-accent); color: #2b2b2b; }

/* charcoal footer */
.brand-raine_horne .site-footer__address { color: #ffffff; font-weight: 300; text-transform: none; letter-spacing: 0; }
.brand-raine_horne .site-footer .btn--outline:hover { background: var(--color-accent); border-color: var(--color-accent); color: #2b2b2b; }