/* Design tokens from bngonline.co.uk - see docs/design/design-system.md. Single source for colours, type, spacing. */
:root {
  --bng-deep: #061113;
  --bng-ink: #0b1820;
  --bng-green: #1e8f4d; /* brand: decorative accents, borders, icons, focus ring */
  /* Text, links and button fills: brand green fails WCAG AA 4.5:1 with white (4.12); this passes (5.38 on white). */
  --bng-green-text: #187a42;
  --bng-green-hover: #0f6c3a;
  --bng-green-pressed: #0c5f34;
  --bng-green-bright: #54c86f;
  --bng-green-tint: rgba(84, 200, 111, 0.14);
  --bng-muted: #58706b;
  --bng-line: rgba(9, 24, 32, 0.12);
  --bng-page-bg: #f5f8f6;
  --bng-soft: #f7faf8;
  --bng-surface: #ffffff;
  --bng-surface-soft: #fbfdfb;
  --bng-surface-glass: rgba(255, 255, 255, 0.78);
  --bng-on-dark: #ffffff;
  --bng-on-dark-muted: rgba(255, 255, 255, 0.72);

  /* Verification leaves (Gold Leaf v2): always paired with an icon and a text label. */
  --bng-leaf-grey: #8a9a96;
  /* Amber is a clear yellow so it is never read as gold (product owner 2026-10-26); the edge gives 3:1 on white. */
  --bng-leaf-amber: #f5dc3c;
  --bng-leaf-amber-edge: #8a7400;
  --bng-leaf-green: var(--bng-green);
  --bng-leaf-gold: #c9a227;

  --bng-danger: #b42318;
  --bng-danger-tint: #fdecea;
  --bng-warning-tint: #fff4dd;
  --bng-info-tint: #e9f3fb;

  --bng-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --bng-font-body: 16px;
  --bng-line-body: 1.6;
  --bng-h1: clamp(30px, 3.2vw, 44px);
  --bng-h2: clamp(24px, 2.4vw, 32px);
  --bng-h3: clamp(19px, 1.8vw, 23px);

  --bng-radius: 8px;
  --bng-radius-pill: 999px;
  --bng-shadow-soft: 0 16px 42px rgba(6, 17, 19, 0.08);
  --bng-shadow: 0 18px 50px rgba(0, 20, 18, 0.16);
  --bng-wide: 1360px;
  --bng-page-pad: clamp(16px, 4vw, 48px);
  --bng-focus: 0 0 0 3px var(--bng-surface), 0 0 0 6px var(--bng-green);
}