/* Bilby design tokens — the SINGLE source of colour, font and spacing truth.
   Change-control rule (Brand Guide §8): colours, fonts and spacing may ONLY be
   changed by editing the variables below — never hard-coded elsewhere. */
:root{
  /* Colour (Brand Guide §3) */
  --bg:#FFFFFF; --bg-soft:#F4F8F5; --ink:#1C3A32; --ink-soft:#52685F; --line:#E2EAE4;
  --green:#1E8E63; --green-deep:#143D31; --green-soft:#E7F3EC;
  --blue:#2C6E91; --blue-soft:#EAF2F7; --amber-soft:#FDF4E3; --amber-ink:#9A6B1E;

  /* Derived ink for use on coloured panels (locked accessibility pairs, Brand Guide §3) */
  --on-deep:#B9D2C6;       /* body text on --green-deep panels */
  --on-deep-soft:#8FAFA0;  /* fine print on --green-deep panels */
  --green-light:#7ED0AC;   /* eyebrow / icon accent on --green-deep panels */
  --ink-blue:#1E4258;      /* patient-side bubble text on --blue-soft */

  /* Shape & space (Brand Guide §7, §8) */
  --radius:18px; --radius-device:36px; --gutter:28px; --maxw:1140px;

  /* Type (Brand Guide §4, §8) */
  --font-display:'Source Serif 4',serif;
  --font-body:'Figtree',sans-serif;
  --font-data:'IBM Plex Mono',monospace;
}