/* Form & Heritage design tokens.
   Brand colors come from the official palette (brand guide p.7).
   Derived values exist only where the brand colors alone cannot meet
   WCAG AA contrast for small text. Change colors here, nowhere else. */
:root {
  /* Brand palette */
  --fh-black: #181A18;
  --fh-brown: #9A592D;
  --fh-tan: #A7907D;
  --fh-offwhite: #E8E1D8;

  /* Derived for legibility */
  --brown-ink: #7A4522;   /* brand brown, darkened: small text on off-white (5.9:1) */
  --ink: var(--fh-black);
  --ink-2: #5C5248;       /* secondary text on off-white (5.9:1) */
  --ink-on-dark: #D8D1C6; /* body text on black */
  --line: #CFC2B2;        /* hairlines on off-white */
  --line-strong: var(--fh-tan);
  --line-on-dark: #3A3C39;

  /* Surfaces */
  --bg: var(--fh-offwhite);
  --bg-dark: var(--fh-black);
  --band: #8C5029;        /* brand brown, deepened so off-white body text on the CTA band passes AA (4.9:1) */
  --plate: #F4F0EA;       /* drawing-sheet panel behind CAD renders */
  --scrim: rgba(24, 26, 24, 0.6); /* brand black, see-through: buttons over photos */
  --accent: var(--fh-brown);

  /* Type */
  /* Type, from the brand guide (p. 8) */
  --font-display: "Cuprum", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;   /* H1, labels, numbers */
  --font-subhead: "Montserrat", "Arial Black", "Helvetica Neue", Arial, sans-serif; /* H2, weight 900, wide tracking */
  --font-body: "Open Sans", "Helvetica Neue", Arial, sans-serif;                   /* body copy */

  /* Layout */
  --max: 1240px;
  --gutter: clamp(1rem, 4vw, 3rem);
  --section: clamp(3.5rem, 9vw, 7.5rem);
  --radius: 2px;
}