/*
 * Charter Hall — brand colours and type on the editorial layout.
 *
 * Evidence (October 2026):
 *  - charterhall.com.au homepage (rendered in Chrome) declares its brand palette as :root custom properties:
 *    --primary-charter-hall-group-blue #2A6EBB, --secondary-dark-blue #001B42, --secondary-mid-blue #7FA8D6,
 *    --secondary-light-blue #D4E2F0, --secondary-dark-grey #4D4D4D, --secondary-cool-grey #CCC,
 *    --tertiary-royal-blue #004A7E, --tertiary-gold #A88352. Page uses #eaf2fa panels, #f6f6f6 hero/footer bands,
 *    a #001b42 feature band, blue regular-weight headings and blue pill buttons (filled + outline).
 *  - charterhall.com.au/_assets/css/index.css: @font-face Aeonik (Aeonik-Regular/Medium/Bold.woff2) for all text.
 * Typefaces: Aeonik (CoType Foundry) is proprietary, so everything uses Albert Sans, the closest Google Fonts match
 * for its rounded geometric-grotesque shapes.
 */
.brand-charter_hall {
  --font-display: "Albert Sans", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Albert Sans", "Helvetica Neue", Arial, sans-serif;
  --font-ui: "Albert Sans", "Helvetica Neue", Arial, sans-serif;

  --color-bg: #ffffff;
  --color-bg-alt: #eaf2fa;
  --color-surface: #ffffff;
  --color-text: #001b42;
  --color-muted: #4d4d4d;
  --color-rule: rgba(0, 27, 66, 0.14);
  --color-heading: #2a6ebb;
  --color-panel: #eaf2fa;
  --color-panel-rule: #d4e2f0;
  --color-accent: #2a6ebb;
  --color-accent-hover: #004a7e;
  --color-accent-contrast: #ffffff;
  --color-dark: #001b42;
  --color-dark-text: #ffffff;

  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 8px;
  --radius-btn: 999px;
  --heading-weight: 400;
  --heading-tracking: -0.01em;
  --title-size: clamp(2rem, 1.4rem + 2.2vw, 3.1rem);
  --label-size: 0.74rem;
  --label-tracking: 0.14em;
  --btn-case: none;
  --btn-tracking: 0;
  --btn-weight: 500;
  --btn-pad: 0.85rem 1.8rem;
  --nav-font-size: 0.95rem;
  --nav-tracking: 0;
  --nav-case: none;
  --gallery-gap: 6px;
  --gallery-radius: 2px;
  --footer-bg: #f6f6f6;
  --footer-text: #001b42;
  --footer-rule: #d4e2f0;
  --back-to-top-bg: #2a6ebb;
  --back-to-top-color: #ffffff;
}
.brand-charter_hall body { line-height: 1.6; }
.brand-charter_hall .btn { font-size: 0.95rem; }
.brand-charter_hall .section .btn--outline { color: var(--color-accent); border-color: var(--color-accent); }
.brand-charter_hall .section .btn--outline:hover { background: var(--color-accent); border-color: var(--color-accent); color: var(--color-accent-contrast); }
.brand-charter_hall .chip.is-active, .brand-charter_hall .chip[aria-pressed="true"] { background: var(--color-accent); border-color: var(--color-accent); color: var(--color-accent-contrast); }

/* Charter Hall blue headings; numbers in blue like the results tiles */
.brand-charter_hall :is(.section-head__title, .page-header__title, .story-block__title, .stat__value, .highlight__value, .facts__price, .room-card__title, .feature-group__title, .places-group__title, .document-card__title) { color: var(--color-heading); }
.brand-charter_hall .section-head__eyebrow { color: var(--color-accent); }

/* navy bands: mid and light blues take over */
.brand-charter_hall .section--alt {
  --color-bg: #001b42;
  --color-surface: #0a2856;
  --color-text: #ffffff;
  --color-muted: rgba(255, 255, 255, 0.72);
  --color-rule: rgba(255, 255, 255, 0.16);
  --color-bg-alt: #0d3166;
  --color-heading: #ffffff;
  --color-panel: rgba(255, 255, 255, 0.06);
  --color-panel-rule: rgba(255, 255, 255, 0.14);
  --color-accent: #7fa8d6;
  --color-accent-hover: #d4e2f0;
  --color-accent-contrast: #001b42;
  background: #001b42;
  color: #ffffff;
}
.brand-charter_hall .section--alt .btn--primary { background: #2a6ebb; border-color: #2a6ebb; color: #ffffff; }
.brand-charter_hall .section--alt .btn--primary:hover { background: #d4e2f0; border-color: #d4e2f0; color: #001b42; }
.brand-charter_hall .section--alt .btn--outline:hover { background: #ffffff; border-color: #ffffff; color: #001b42; }

/* pale-blue panels instead of the layout's transparent cards */
.brand-charter_hall :is(.document-card, .places-group, .highlight, .facts__price-card, .form-card, .agent-card, .inspection) { background: var(--color-panel); border-color: var(--color-panel-rule); }
.brand-charter_hall .document-card__badge { background: #ffffff; color: var(--color-accent-hover); }
.brand-charter_hall .section--alt .document-card__badge { background: rgba(255, 255, 255, 0.12); color: #ffffff; }
.brand-charter_hall .inspection__date { background: #ffffff; }
.brand-charter_hall .section--alt .inspection__date { background: rgba(255, 255, 255, 0.1); }
.brand-charter_hall .page-header { background: #f6f6f6; }
.brand-charter_hall .pull-quote { font-style: normal; color: var(--color-heading); }
.brand-charter_hall .feature-list__item::before { background: var(--color-accent); }
.brand-charter_hall .section--alt .field__input { color: #ffffff; }

/* nav and hero: navy-tinted shade, light-blue status */
.brand-charter_hall .site-nav__brand-street { font-weight: 500; letter-spacing: -0.01em; }
.brand-charter_hall .hero--editorial .hero__shade { background: linear-gradient(to bottom, rgba(0, 27, 66, 0.58), rgba(0, 27, 66, 0.12) 42%, rgba(0, 27, 66, 0.72)); }
.brand-charter_hall .hero--editorial .hero__title { font-weight: 400; letter-spacing: -0.02em; }
.brand-charter_hall .hero--editorial .hero__panel { background: rgba(0, 27, 66, 0.55); border-radius: var(--radius-lg); }
.brand-charter_hall .hero--editorial .hero__status { color: #d4e2f0; }
.brand-charter_hall .hero--editorial .btn--outline:hover { color: #001b42; }
.brand-charter_hall .hero__tour-pill { color: #001b42; }
.brand-charter_hall .hero__tour-pill:hover { color: #2a6ebb; }

/* light footer, as on charterhall.com.au */
.brand-charter_hall .site-footer__address { color: var(--color-heading); }
.brand-charter_hall .site-footer .btn--outline { color: #2a6ebb; border-color: #2a6ebb; }
.brand-charter_hall .site-footer .btn--outline:hover { background: #2a6ebb; border-color: #2a6ebb; color: #ffffff; }