:root{
  /* Base palette — Claremont Security brand */
  --navy: #073763;        /* Institutional Navy — logos, primary text, headers */
  --navy-700: #0a2c4d;    /* deepened navy for pressed/hover */
  --navy-900: #061f36;    /* darkest navy */
  --slate: #5F6C7B;       /* Slate Grey — accents, sub-headers, borders */
  --slate-400: #8a94a0;   /* lighter slate — muted captions */
  --white: #FFFFFF;       /* Crisp White */
  --parchment: #FDFBF7;   /* Parchment Off-White — page background */
  --parchment-200: #F4F0E8; /* warm hairline / subtle fill */

  /* Semantic aliases */
  --bg-page: var(--parchment);
  --bg-surface: var(--white);
  --bg-subtle: var(--parchment-200);
  --text-primary: var(--navy);
  --text-secondary: var(--slate);
  --text-muted: var(--slate-400);
  --text-on-navy: var(--parchment);
  --border-hairline: rgba(95,108,123,0.22);
  --border-strong: var(--slate);
  --accent: var(--navy);
  --node-ink: rgba(7,55,99,0.05);   /* hero node network ink, ~5% */
}