:root{
  /* --- Base palette: sampled from the logo and printed door hanger. Do not invent new hues. --- */
  --blue-700:#0B5789;      /* wordmark blue. THE primary. 7.67:1 on white, 6.91:1 on paper */
  --blue-900:#02365D;      /* deep navy. The door-hanger ground */
  --blue-600:#0E6AA6;      /* hover lift on primary, derived */
  --blue-050:#E7EEF4;      /* faint blue wash, derived */
  --yellow-500:#FFD400;    /* hi-vis yellow. A MARK, NEVER A LARGE FILL */
  --grey-500:#7E8285;      /* steel grey, roof/tool mark. Structural only — 3.88:1 on white, fails body text */
  --grey-300:#C9C7C3;      /* hairline / disabled, derived warm */
  --grey-200:#E2E0DC;      /* borders, derived warm */
  --paper:#F4F3F1;         /* warm paper ground. Warm, NOT blue-grey */
  --paper-raised:#FFFFFF;
  --ink:#16150F;
  --ink-600:#4A4842;       /* secondary text on paper, 8.4:1 — derived warm */
  --white:#FFFFFF;
  --red-600:#A32316;       /* error only, derived warm */
  --green-700:#1F6B3A;     /* success only, derived */

  /* --- Grounds. Two only: warm paper and deep navy. Never near-black. --- */
  --surface-page:var(--paper);
  --surface-card:var(--paper-raised);
  --surface-sunken:#EAE8E4;
  --surface-inverse:var(--blue-900);
  --surface-brand:var(--blue-700);

  /* --- Text --- */
  --text-body:var(--ink);
  --text-muted:var(--ink-600);
  --text-brand:var(--blue-700);
  --text-on-inverse:var(--white);
  --text-on-inverse-muted:#C3D3E0;
  --text-on-brand:var(--white);
  --text-accent-on-inverse:var(--yellow-500);
  --text-error:var(--red-600);
  --text-success:var(--green-700);
  --text-disabled:#8C8A84;

  /* --- Lines --- */
  --border-hairline:var(--grey-200);
  --border-strong:var(--grey-500);
  --border-brand:var(--blue-700);
  --border-on-inverse:#0B4877;
  --rule-accent:var(--yellow-500);   /* the yellow rule / underline / keyline */
  --focus-ring:var(--blue-600);
  --focus-ring-on-inverse:var(--yellow-500);

  /* --- Actions --- */
  --action-primary-bg:var(--blue-700);
  --action-primary-bg-hover:var(--blue-600);
  --action-primary-bg-active:var(--blue-900);
  --action-primary-fg:var(--white);
  --action-secondary-fg:var(--blue-700);
  --action-secondary-border:var(--blue-700);
  --action-secondary-bg-hover:var(--blue-050);
  --action-disabled-bg:var(--grey-300);
  --action-disabled-fg:#6E6C66;
}