/* Mellor Signet Group design tokens (E3 "Seal and honey"), approved 2026-11-09 */
@import url("https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz,wght@8..60,400;8..60,500;8..60,600&family=Inter:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap");

:root {
  /* Color */
  --ink: #1C2430;        /* headings, nav, buttons. No pure black anywhere. */
  --ink-soft: #3A4350;   /* paragraph text */
  --slate: #5E6672;      /* secondary text, captions */
  --oxblood: #7A2E2A;    /* the seal ONLY */
  --brass: #A8854F;      /* rules, outline-button border, card top borders */
  --brass-light: #C9A564;/* ring inside the seal */
  --brass-text: #8A6A35; /* small mono labels (passes AA on white/bone) */
  --honey: #F3E7CF;      /* warm bands (sign-off/contact), seal lettering */
  --bone: #F7F4EC;       /* page background */
  --white: #FFFFFF;      /* cards, hero panel */
  --line: #E6DFCF;       /* hairline borders */

  /* Type */
  --font-serif: "Source Serif 4", Georgia, serif;           /* headings, wordmark */
  --font-sans: "Inter", -apple-system, "Segoe UI", sans-serif; /* body, buttons, nav */
  --font-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace; /* labels, sign-off notes */

  --h1: clamp(2.2rem, 5vw, 3.4rem);   /* serif 500, line-height 1.08, tracking -0.01em */
  --h2: clamp(1.6rem, 3vw, 2.25rem);  /* serif 500, line-height 1.12 */
  --h3: 1.375rem;                     /* serif 500 */
  --body: 1.125rem;                   /* sans 400, line-height 1.6 */
  --small: 0.9375rem;
  --label: 0.8125rem;                 /* mono 400-500, brass-text */

  /* Shape */
  --radius: 4px;        /* buttons, inputs */
  --radius-card: 6px;
  --maxw: 1100px;
}