/* Hills Nutrition — colour. Source of truth: this file. The reasoning behind the values
   is in core/huisstijl.md (repo), 2026-07-30.
   Every ratio noted is measured against the stated partner colour. */
:root{
  /* Brand */
  --hn-brand:#0E7A9B;        /* buttons, links, active state — white on it: 4.91 */
  --hn-brand-deep:#0B4C61;   /* footer, dark panels — white on it: 9.46 */
  --hn-brand-bright:#63C2E4; /* signature panel + logo. NEVER text, NEVER white text on it (2.03). Dark ink on it: 7.90 */
  --hn-leaf:#0A7030;         /* logo accent, section labels, "in stock" — on paper: 5.94 */
  --hn-leaf-bright:#6FC58C;  /* the leaf on a dark panel — on --hn-brand-deep: 4.52. NEVER on paper (1.99) */
  --hn-leaf-deep:#074E22;    /* the leaf on a photo — measured on the hero: 3.75 at 320px, 5.95 from 1280px */

  /* Neutrals — a faint blue-green cast so they belong to the teal */
  --hn-ink:#12242B;          /* headings — on paper: 15.25 */
  --hn-body:#2C4048;         /* running text — on paper: 10.35 */
  --hn-muted:#5A6F77;        /* captions, meta — on paper: 5.04 */
  --hn-line:#D6E2E6;         /* decorative rules */
  --hn-field:#6E8A94;        /* input borders — on paper: 3.50, above the 3.0 non-text minimum */
  --hn-surface:#F0F6F8;      /* secondary panels */
  --hn-paper:#F7FAFB;        /* page ground — never pure white */
  --hn-white:#FFFFFF;

  /* Functional */
  --hn-ok:#0A7030;           /* in stock, success — white on it: 6.23 */
  --hn-warn:#8A5300;         /* only a few left — white on it: 6.33 */
  --hn-danger:#A32B22;       /* sold out, failed payment — white on it: 7.18 */
  --hn-star:#E3A008;         /* review stars, the one colour outside the palette: stars read as a rating only in amber (Ruud, 2026-09-18) — a surface, never text */
  --hn-warn-mid:#D3BE9E;     /* the "before" bar in Alice's chart (38% --hn-warn on white) — a surface, never text: 1.72 on paper */
  --hn-ok-mid:#479464;       /* the halfway bar and its −54% (75% --hn-ok on white) — on paper: 3.52, so only bold 19px+ text */

  /* Tints — status pills keep 4.5:1 dark-on-tint */
  --hn-ok-tint:#E6F2EA;
  --hn-warn-tint:#F6EEE0;
  --hn-danger-tint:#F7E8E6;
  --hn-brand-tint:#E4F1F6;

  /* Semantic aliases — reach for these in components */
  --surface-page:var(--hn-paper);
  --surface-card:var(--hn-white);
  --surface-sunken:var(--hn-surface);
  --surface-inverse:var(--hn-brand-deep);
  --surface-signature:var(--hn-brand-bright);
  --text-heading:var(--hn-ink);
  --text-body:var(--hn-body);
  --text-muted:var(--hn-muted);
  --text-on-brand:var(--hn-white);
  --text-on-signature:var(--hn-ink);
  --text-link:var(--hn-brand);
  --border-hairline:var(--hn-line);
  --border-field:var(--hn-field);
  --action-primary:var(--hn-brand);
  --action-primary-hover:#0B6580;   /* 12% darker — white on it: 6.59 */
  --action-primary-active:#095368;
}