/*
 * Ray White: brand theme on the classic layout (agent bar, price and open homes first). Ray White
 * listings lead with the agent, the price guide and inspection times.
 *
 * Evidence (raywhite.com, checked 2026-10-03):
 *  - https://www.raywhite.com/dist/site.css sets the colour tokens --primary-bg:#ffe512 (Ray White yellow),
 *    --primary-text:#595959 (grey text on yellow), --dark-bg / --secondary-bg:#494949 and --primary:#2d2d2d
 *    (charcoal), --subtle-bg:#faf9f2 (warm off-white), --tertiary-bg:#e4e2d4 and --border-light:#e2e2e2.
 *  - Type in the same bundle: `font-family:playfair-display,serif` on h1/h2, .type-h* and section headings, and
 *    `font-family:lato,sans-serif` for body and UI. Both load from Adobe Fonts kits (use.typekit.net/cjr5kkh, rld2drt).
 *    Both are free on Google Fonts, so they're used as-is.
 *  - Homepage: yellow pill buttons with grey text ("Learn more"), wide-tracked uppercase Lato nav labels, a yellow
 *    underline on the active search tab and warm off-white panels.
 *
 * Contrast: #2d2d2d on #ffe512 is 10.8:1. Yellow is never used for text on light backgrounds: links, labels and focus
 * rings use charcoal (#2d2d2d on #ffffff is 13.9:1). #faf9f2 on the #494949 footer is 8.5:1.
 */
.brand-ray_white {
  --font-display: "Playfair Display", Georgia, "Times New Roman", serif;
  --font-body: "Lato", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-ui: "Lato", system-ui, -apple-system, sans-serif;
  --btn-font: "Lato", system-ui, sans-serif;
  --nav-font: "Lato", system-ui, sans-serif;

  --color-bg: #ffffff;
  --color-bg-alt: #faf9f2;
  --color-surface: #ffffff;
  --color-text: #2d2d2d;
  --color-muted: #595959;
  --color-rule: #e2e2e2;
  --color-accent: #ffe512;
  --color-accent-hover: #494949;
  --color-accent-contrast: #2d2d2d;
  --color-dark: #494949;
  --color-dark-text: #faf9f2;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-btn: 999px;
  --heading-weight: 400;
  --heading-tracking: 0;
  --title-size: clamp(2rem, 1.4rem + 2vw, 3rem);
  --label-tracking: 0.24em;
  --btn-case: none;
  --btn-tracking: 0.01em;
  --btn-weight: 700;
  --btn-pad: 0.85rem 1.75rem;
  --nav-case: uppercase;
  --nav-tracking: 0.12em;
  --nav-font-size: 0.68rem;
  --nav-rule: #e2e2e2;
  --field-border: #b1b1b1;
  --footer-bg: #494949;
  --footer-text: #faf9f2;
  --footer-rule: rgba(250, 249, 242, 0.18);
  --back-to-top-bg: #ffe512;
  --back-to-top-color: #2d2d2d;
}

/* Playfair defaults to old-style figures; prices and stats read better lining */
.brand-ray_white body { font-variant-numeric: lining-nums; }

/* yellow is a fill, never a text colour on white: links, labels and focus stay charcoal */
.brand-ray_white a:where(:hover) { color: inherit; text-decoration-color: var(--color-accent); }
.brand-ray_white .prose a { color: inherit; text-decoration-color: var(--color-accent); text-decoration-thickness: 2px; }
.brand-ray_white .btn--ghost:hover { color: inherit; text-decoration-color: var(--color-accent); }
.brand-ray_white .story-block__label { color: var(--color-muted); }
.brand-ray_white :focus-visible { outline-color: #2d2d2d; }
.brand-ray_white .field__input:focus { border-color: #494949; box-shadow: 0 0 0 3px rgba(255, 229, 18, 0.6); }

/* yellow pill buttons with charcoal text; charcoal on hover */
.brand-ray_white .btn--primary:hover { color: #faf9f2; }
.brand-ray_white .btn--outline { border-width: 1px; }

/* yellow strip along the top of the white bar, echoing the yellow logo block */
.brand-ray_white .site-nav { box-shadow: inset 0 4px 0 var(--color-accent), 0 1px 0 rgba(0, 0, 0, 0.04); }
.brand-ray_white .site-nav__agent-text strong { font-family: var(--font-display); font-size: 1.05rem; font-weight: 500; }
.brand-ray_white :is(.site-nav__agent-initials, .agent-card__initials) { background: var(--color-accent); color: #2d2d2d; }

/* headings: Playfair over a short yellow underline */
.brand-ray_white .section-head__title::after { width: 56px; height: 3px; border-radius: 2px; background: var(--color-accent); }
.brand-ray_white .hero--classic .hero__title { font-weight: 400; }
.brand-ray_white .hero--classic .hero__address { letter-spacing: 0.18em; font-size: 0.82rem; }
.brand-ray_white .hero--classic .hero__price { font-weight: 500; }
.brand-ray_white .status-banner:not(.status-banner--sold) { background: var(--color-accent); color: #2d2d2d; }

.brand-ray_white .chip.is-active, .brand-ray_white .chip[aria-pressed="true"] { background: var(--color-accent); border-color: var(--color-accent); color: #2d2d2d; }
.brand-ray_white .tabs__tab[aria-selected="true"] { border-bottom-width: 3px; }
/* Features as a clean ruled list (two columns on wide screens), not pills: detail lines made pills uneven. */
.brand-ray_white .feature-list { display: grid; grid-template-columns: 1fr; gap: 0; justify-content: stretch; }
.brand-ray_white .feature-list__item { padding: 0.8rem 0; border: 0; border-bottom: 1px solid #e4e2d4; border-radius: 0; background: transparent; text-align: left; font-size: 0.98rem; }
.brand-ray_white .feature-list__item:first-child { border-top: 3px solid var(--color-accent); }
.brand-ray_white .feature-list__detail { display: block; margin: 0.15rem 0 0; font-size: 0.88rem; color: var(--color-muted); }
.brand-ray_white .feature-group__title { text-align: left; }
.brand-ray_white .site-nav__links a { white-space: nowrap; }
.brand-ray_white .inspection__date { background: var(--color-accent); }
.brand-ray_white .inspection__date :is(.inspection__day, .inspection__month) { color: #2d2d2d; }

/* charcoal footer, address in yellow (7:1) */
.brand-ray_white .site-footer__address { color: var(--color-accent); }
.brand-ray_white .site-footer .btn--outline:hover { background: var(--color-accent); border-color: var(--color-accent); color: #2d2d2d; }