/* Design tokens. Change the brand palette here and nowhere else. */

:root{
  /* brand */
  --black:#0F2E1C;
  --near:#1B4D2E;
  --paper:#F2F2F2;
  --bone:#F7F5EF;          /* warm ground, used by the light hero variant */
  --white:#FFFFFF;
  --accent:#F4B000;
  --accent-lt:#FFC838;
  --accent-dk:#C98F00;
  --on-accent:#0F2E1C;

  /* neutrals */
  --hair:#DFDFDF;
  --hair-dk:#2F6440;
  --grey:#55645B;
  --grey-dk:#B7CBBF;

  /* type */
  --sans:'Instrument Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;

  /* layout */
  --wrap:1280px;
  --pad:clamp(20px,5vw,72px);
  --gut:clamp(1.2rem,2.5vw,2rem);
  --sec:clamp(4rem,8vw,7rem);

  /* fallback behind any image that fails to load */
  --img-fallback:linear-gradient(150deg,var(--near),var(--black));
}