/* THEME TOKENS. This is the only file you edit to re-brand the site: colours, type, shape.
   site.css contains no colour values, only var(--token). Keep these contrast ratios (WCAG 2.1 AA):
   text on its background 4.5:1 or more; field borders and focus ring 3:1 or more.
   Theme: "Celtic Charge" (21 Oct 2026), taken from the logo: knot green #045b45, deep green, stone/silver
   neutrals, and the fuse-spark orange used only as a decoration fill (never as text). Ratios verified beside each token.
   Fonts: Public Sans (body) and Fraunces (headings), both SIL Open Font License, self-hosted in /fonts. */
:root {
  --font-body: 'Public Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;

  --ink: #14201b;          /* body text on paper 16.8 */
  --muted: #4d5a54;        /* secondary text on paper 7.2, on surface 6.5 */
  --paper: #ffffff;        /* page background */
  --surface: #f1f3ef;      /* cards, alternate bands (stone) */
  --surface-2: #e4e9e3;    /* hover, table stripes */
  --line: #cfd7d1;         /* decorative dividers (not relied on to find a control) */
  --field-border: #66746d; /* input borders on paper 4.9 */

  --primary: #045b45;      /* buttons, links (logo green); white on it 8.1 */
  --primary-deep: #033e2f; /* hover; white on it 12.1 */
  --on-primary: #ffffff;
  --accent: #a3420a;       /* eyebrows and small highlights as TEXT on paper 6.3, on surface 5.6 */
  --accent-fill: #e2761f;  /* the fuse spark: decoration only (rules, markers); never text */

  --dark: #0b1f18;         /* cta band, footer background (deep green) */
  --on-dark: #ffffff;      /* 17.2 */
  --on-dark-muted: #b9c8c0;/* 9.9 */
  --on-dark-line: #2f4a3f;

  --danger: #a32a1f;       /* error text on paper 7.2 */
  --ok: #1d6b3a;           /* 6.5 */
  --notice-info: #eaf3ee;
  --notice-warn: #fff4e0;
  --focus: #045b45;        /* focus ring: 3px outline, offset 2px; on paper 8.1, on surface 7.3 */

  --radius: 6px;
  --radius-lg: 12px;
  --wrap: 72rem;           /* content width */
  --gutter: clamp(1rem, 4vw, 2rem); /* never below 16px */
  --shadow: 0 1px 2px rgb(11 31 24 / 0.08), 0 6px 18px rgb(11 31 24 / 0.06);
}