/* NeoGen Homes brand tokens.
   This is the ONE file to change at rebrand time: swap the logo files named below,
   adjust the colours and fonts here, and every page follows. Nothing else in the site
   hard-codes a colour, a font or a logo path.
   Palette and rules follow "NeoGen Homes - Brand and Document Guidelines v1.1"
   (accepted direction 20 Sep 2026): charcoal text on white, white text on charcoal,
   orange as a sparse accent only, never as text on white and never behind white text. */
:root{
  /* Logo files (also referenced as <img src>) : img/logo.png (on light), img/logo-white.png (on dark) */
  --logo-height: 56px;
  --logo-height-mobile: 44px;

  /* Brand palette */
  --charcoal: #59595B;   /* primary ink: text, headings, dark panels */
  --white: #FFFFFF;      /* primary background */
  --orange: #F69524;     /* signature accent: rules, markers, small emphasis */
  --pale-grey: #F2F2F2;  /* functional neutral: bands and input panels */
  --rule-grey: #D9D9DA;  /* functional neutral: separators and dividers */

  /* Role aliases used by site.css */
  --ink: var(--charcoal);
  --ink-soft: var(--charcoal);
  --muted: var(--charcoal);
  --paper: var(--white);
  --paper-warm: var(--pale-grey);
  --paper-deep: var(--pale-grey);
  --line: var(--rule-grey);
  --charcoal-hover: #4A4A4C;   /* charcoal button hover, derived */

  /* Type. Sora for headings, Source Sans 3 for body. Arial is the operational
     document font per the guidelines; the web uses these two for the same character. */
  --font-display: Arial, "Helvetica Neue", Helvetica, sans-serif;
  --font-body: Arial, "Helvetica Neue", Helvetica, sans-serif;

  /* Shape */
  --radius: 4px;
  --measure: 66ch;
  --container: 1180px;
  --gutter: clamp(16px, 4vw, 40px);
}