/* ============================================
   Legacy Building & Construction — Brand Variables
   Override framework defaults here.
   ============================================ */

:root {
  /* ---- Brand colours ---- */
  --color-primary: #000;
  --color-primary-70: rgba(0, 0, 0, 0.7);
  --color-primary-50: rgba(0, 0, 0, 0.5);
  --color-primary-30: rgba(0, 0, 0, 0.3);

  --color-dark: #000;
  --color-light: #ffffff;

  /* Warm neutral used as the section tint behind some bands. From Figma. */
  --color-bg-tint: #e7e1d5;

  /* ---- Fonts ----
     Heading: Louis George Cafe Bold (per brand). Not on Google Fonts —
     ships as a self-hosted woff2 in /assets/fonts/ once Mickey supplies it.
     Until then, the fallback chain renders the page in system sans.
     Body: Montserrat (loaded via Google Fonts in index.html). */
  --h--font-family:  "Louis George Cafe", "Inter", system-ui, sans-serif;
  --sh--font-family: "Montserrat", system-ui, sans-serif;
  --p--font-family:  "Montserrat", system-ui, sans-serif;

  /* ---- Display headline ----
     Figma hero is ~115px on desktop (much larger than the framework default
     heading-xxl ~67px). Override so heading-xxl scales fluidly from 48px on
     mobile to ~115px on a 1512px viewport. */
  --heading-xxl: clamp(2.25rem, 0.6rem + 5.9vw, 7.19rem);
}