/* ══════════════════════════════════════════════════════════════
   ADMIRALTY PALETTE, TOKENS ONLY

   Loaded AFTER styles.css. It redefines the colour variables and
   nothing else — no layout, no components, no graph field. The page
   keeps the structure it already has and only changes hue.

   This exists so the product pages can move to the Admiralty colours
   without inheriting the homepage's machinery. Those pages are meant
   to be read, not looked at: a moving field behind a spec sheet is
   noise. Everything here is one file so it can be dropped onto a page
   or pulled off it in a single line.

   The accent is one hue in three cuts, the same rule the old palette
   used and for the same reason — a single gold cannot clear AA on
   both a near-black and a near-white ground:
     --brass       fills and large display type only
     --brass-soft  accent TEXT on dark surfaces
     --brass-ink   accent TEXT on light surfaces
   Ratios are recorded against the grounds each is actually used on.
   ══════════════════════════════════════════════════════════════ */
:root {
  /* ink → the deep navy end of the range */
  --ink: #0a1424;            /* body text on light — 16.9:1 on --paper   */
  --ink-2: #0d1f3a;
  --ink-soft: #46536b;       /* muted body on light — 7.9:1 on --paper   */

  /* grounds */
  --paper: #f7f8fb;
  --paper-warm: #e9edf5;     /* secondary bands; cool now, not warm      */
  --surface: #ffffff;
  --white: #f7f8fb;

  /* rules */
  --line: #d5dbe6;
  --line-dark: rgba(232, 238, 249, 0.14);

  /* the dark bands — was forest, now the Admiralty navies */
  --forest: #0d1f3a;
  --forest-deep: #071022;
  --forest-2: #1b3f8b;

  /* accent, three cuts */
  --brass: #d9b04a;          /* fills / large display only               */
  --brass-soft: #e4c570;     /* accent text on dark — 8.9:1 on --forest  */
  --brass-ink: #6f5515;      /* accent text on light — 6.6:1 on --paper  */
  --clay: #6f5515;           /* small labels on light; same cut as above */

  /* dimmed text */
  --fog: #9db0ce;            /* on dark — 6.9:1 on --forest              */
  --fog-dim: #8fa3c4;        /* on dark, dimmer but still AA             */
  --fog-ink: #4a5568;        /* on light — 7.4:1 on --paper              */

  --shadow: 0 18px 40px rgba(6, 14, 30, 0.14);
}

/* ── the two places styles.css hardcodes a colour ──────────
   Almost everything reads from the tokens above, so redefining them is
   enough. The header and footer are the exceptions — their grounds are
   literal values, so retokening alone left this page wearing a cream
   header while Home and About wear navy. The nav has to look the same on
   every page or the migration reads as a bug rather than a work in
   progress. These two rules are the whole exception list. */
.site-header {
  background: rgba(8, 18, 38, 0.86);
  border-bottom: 1px solid rgba(232, 238, 249, 0.10);
}
.site-header .brand,
.site-header .nav-links a,
.site-header .nav-menu > summary { color: #c3d1e8; }
.site-header .brand { color: var(--paper); }
.site-header .nav-links a:hover,
.site-header .nav-links a[aria-current="page"],
.site-header .nav-menu > summary:hover { color: var(--paper); }
.site-header .nav-links a[aria-current="page"] { text-decoration-color: var(--brass); }
.nav-panel {
  background: #0d1f3a;
  border-color: rgba(232, 238, 249, 0.16);
}
.nav-panel a { color: #c3d1e8; }
.nav-panel a:hover, .nav-panel a:focus-visible {
  background: rgba(232, 238, 249, 0.09);
  color: var(--paper);
}
.site-footer { background: #060e1e; color: #c3d1e8; }