/*
 * McGrath Estate Agents: brand theme on the heritage layout (full-screen hero with a centred headline, room cards).
 * The mcgrath.com.au hero is a full-bleed photograph with a centred light serif headline.
 *
 * Evidence (mcgrath.com.au, checked 2026-10-03 in a headless browser; plain curl gets the Vercel checkpoint):
 *  - Next.js CSS (/_next/static/css/*.css) has named Tailwind colours: .bg-deep-orange rgb(230 114 0) = #E67200
 *    (Search button and arrows), .text-light-orange rgb(245 140 53) = #F58C35, .text-charcoal-100 rgb(32 32 32) = #202020,
 *    .bg-light-gray rgb(241 240 237) = #F1F0ED (the warm grey "Properties we love" band). The careers banner is #833219
 *    rust with #F58C35 text. Body text is rgb(17 24 28).
 *  - Fonts: @font-face centra-no2 (/fonts/centra-no2/*.ttf) for body, nav and h2 at 500, and recife-display (h1 at 400,
 *    h3 at 350) for the serif headlines. Both are commercial, so they're not bundled. Google Fonts substitutes:
 *    Recife Display → Newsreader (display optical size, 300–400): a high-contrast transitional serif with sharp
 *    bracketed serifs and a similar light, open texture. Centra No.2 → Figtree: a geometric sans with a double-storey
 *    a, single-storey g, round o and a comparable x-height.
 *  - Buttons are square (0 radius); the header is white with black text; a black band and the warm grey band break up
 *    white sections.
 *
 * Contrast: McGrath sets white on #E67200, which is only 3.1:1, so buttons use charcoal text instead
 * (#202020 on #E67200 is 5.25:1). Orange text on white is 3.1:1, so eyebrows and links use a deepened #A85000
 * (5.5:1 on white, 4.8:1 on #F1F0ED). #F58C35 is only used on charcoal (6.7:1).
 */
.brand-mcgrath {
  --font-display: "Newsreader", Georgia, "Times New Roman", serif;
  --font-body: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-ui: "Figtree", system-ui, sans-serif;

  --color-bg: #ffffff;
  --color-bg-alt: #f1f0ed;
  --color-surface: #ffffff;
  --color-text: #202020;
  --color-muted: #5f5f5f;
  --color-rule: #e2e0db;
  --color-accent: #e67200;
  --color-accent-hover: #202020;
  --color-accent-contrast: #202020;
  --color-gold-text: #a85000;
  --color-green: #202020;
  --color-green-light: #833219;
  --color-dark: #202020;

  --radius-sm: 0;
  --radius-md: 0;
  --radius-lg: 0;
  --radius-btn: 0;
  --heading-weight: 400;
  --heading-tracking: -0.01em;
  --title-size: clamp(2rem, 1.4rem + 2.2vw, 3rem);
  --label-tracking: 0.2em;
  --btn-weight: 500;
  --btn-tracking: 0.01em;
  --btn-pad: 15px 32px;
  --nav-font-size: 0.92rem;
  --nav-tracking: 0.01em;
  --gallery-radius: 0;
  --field-radius: 0;
  --field-border: #c4c4c4;
  --footer-bg: #202020;
  --footer-text: #f1f0ed;
  --footer-rule: rgba(241, 240, 237, 0.16);
  --mobile-cta-bg: #202020;
  --back-to-top-bg: #e67200;
  --back-to-top-color: #202020;
}

/* crisp white paper: no grain, flat square buttons */
.brand-mcgrath body::after { display: none; }
.brand-mcgrath .btn--primary, .brand-mcgrath .btn--primary:hover { box-shadow: none; transform: none; }
.brand-mcgrath .btn--primary:hover { color: #ffffff; }
.brand-mcgrath .btn--outline { border-width: 1px; }

/* orange text only where it's deep enough for AA */
.brand-mcgrath main a:where(:hover), .brand-mcgrath .prose a, .brand-mcgrath .btn--ghost:hover, .brand-mcgrath .story-block__label { color: var(--color-gold-text); }
.brand-mcgrath :focus-visible { outline-color: #a85000; }

/* section titles in the sans (as McGrath sets h2), serif for hero, story and room headlines */
.brand-mcgrath .section-head__title { font-family: var(--font-body); font-weight: 500; letter-spacing: -0.015em; color: #202020; }
.brand-mcgrath .section-head__eyebrow { font-weight: 500; }
.brand-mcgrath :is(.story-block__title, .room-card__title) { font-weight: 300; letter-spacing: -0.01em; }
.brand-mcgrath .section + .section::before { width: 48px; background: var(--color-accent); }

/* nav: white once scrolled */
.brand-mcgrath .site-nav { --nav-bg: rgba(255, 255, 255, 0.95); }
.brand-mcgrath .site-nav__brand-street { font-weight: 400; }

/* hero: neutral shade, light serif headline, orange status chip */
.brand-mcgrath .hero--heritage .hero__overlay { background: linear-gradient(180deg, rgba(10, 10, 10, 0.42), rgba(10, 10, 10, 0.22) 45%, rgba(10, 10, 10, 0.6)); }
.brand-mcgrath .hero--heritage .hero__title { font-weight: 300; letter-spacing: -0.02em; font-size: clamp(2.6rem, 6.2vw, 4.75rem); }
.brand-mcgrath .hero--heritage .hero__pill { border-radius: 0; border: 0; background: #e67200; color: #202020; letter-spacing: 0.2em; }
.brand-mcgrath .hero--heritage .hero__stat dd { font-weight: 300; }
.brand-mcgrath .hero--heritage .btn--outline { backdrop-filter: none; background: rgba(255, 255, 255, 0.1); }

/* square, flat cards */
.brand-mcgrath .room-card { border-radius: 0; border: 0; box-shadow: none; background: transparent; }
.brand-mcgrath .room-card__body { padding-inline: 0; }
.brand-mcgrath :is(.feature-group, .highlight, .facts__price-card, .stats, .document-card, .form-card, .inspection, .places-group) { border-radius: 0; }
.brand-mcgrath .feature-group__title::before { border-radius: 0; width: 0.75rem; height: 0.75rem; background: #e67200; box-shadow: none; }
.brand-mcgrath .agent-card { border-left-color: #e67200; }
.brand-mcgrath .facts__price { color: #f58c35; font-weight: 300; }
.brand-mcgrath .facts__price-card .facts__label, .brand-mcgrath .facts__price-card .facts__method { color: rgba(241, 240, 237, 0.75); }
.brand-mcgrath :is(.stat__value, .highlight__value) { font-weight: 300; }
.brand-mcgrath :is(.inspection__day, .inspection__month) { color: #f58c35; }
.brand-mcgrath .chip { border-radius: 0; }

/* charcoal footer with a light-orange address */
.brand-mcgrath .site-footer { border-top: 3px solid #e67200; }
.brand-mcgrath .site-footer__address { color: #f58c35; font-weight: 300; }
.brand-mcgrath .site-footer .btn--outline:hover { background: #e67200; border-color: #e67200; color: #202020; }