/* ============================================================
   Design tokens — extracted from the resume + white papers,
   the de facto design system (see HTML-WEBSITE.md).
   Every page loads this before site.css.
   ============================================================ */
:root{
  /* color */
  --bg:#ffffff;            /* content surface */
  --page:#e9eaec;          /* page background behind content */
  --ink:#1d1f20;           /* body text */
  --ink-soft:#4a4d50;      /* secondary text */
  --navy:#1d2d3d;          /* masthead / footer */
  --accent:#41617f;        /* links, markers, dates */
  --accent-deep:#2c455d;   /* emphasis, hover */
  --rule:rgba(29,31,32,.16);
  --link-underline:rgba(65,97,127,.35);

  /* type */
  --head:"Barlow Condensed","Arial Narrow",system-ui,sans-serif;
  --body:"Barlow","Helvetica Neue",Arial,system-ui,sans-serif;

  /* layout */
  --content-max:980px;
  --pad-x:24px;
}
/* House breakpoint: <720px is the phone cut, same as the resume. */