/* FVA design tokens — generated from the FVA design system (tokens.json). Include once, site-wide. */
:root {
  /* Colour */
  --fva-navy: #162e59; /* Primary dark brand colour (designer's 'cloud-burst') */
  --fva-olive: #a1ba54; /* Secondary navigation bar, search button, Job Vacancies tile (designer's 'peridot') */
  --fva-green: #5bb264; /* Primary button fill and Funding & Finance tile (designer's 'fern') */
  --fva-green-deep: #3a8443; /* Accessible button fill derived from `green` (white text 4.6:1) */
  --fva-sky: #5fbde2; /* Employability tile, the listings band behind Events / News / Vacancies at 87% opacity, nav underline (designer's 'aqua-pearl') */
  --fva-sky-tint: #dff2fa; /* Pale sky for section backgrounds, highlight bars and card hover */
  --fva-purple: #735f8e; /* Children & Families tile and the bulletin sign-up panel (designer's 'rum') */
  --fva-pink: #ea819d; /* Kingdom Companions tile (designer's 'carissma') */
  --fva-coral: #e56f61; /* Training & Learning tile and its icon box (designer's 'terracotta') */
  --fva-rose: #e37683; /* Accent from the designer's style guide ('froly'); reserved for tags and highlights */
  --fva-red: #dd5465; /* Health & Social Care tile */
  --fva-orange: #f2a55f; /* Footcare tile */
  --fva-peach: #f4b67e; /* Soft accent from the style guide ('tacao'); pale panels and event-date chips with `navy` text (7.5:1) */
  --fva-ink: #373b49; /* Headings and body text on white and `sky-tint`; footer background (designer's 'ship-gray') */
  --fva-text-muted: #707070; /* Secondary text: dates, counts, captions on white (4.95:1 — the smallest size it may be used at is 13px) */
  --fva-text-placeholder: #7070706e; /* Form placeholder text (designer's 'dove-gray-2', 43% alpha) */
  --fva-silver: #b9b5b5; /* Small print on the footer (designer's 'pink-swan'), pagination inactive numbers */
  --fva-iron: #d7d7da; /* Footer body text and dividers on `ink` (7.8:1); hairline borders on white */
  --fva-surface: #ffffff; /* Page and card background */
  --fva-surface-soft: #f5f6f8; /* Alternate section background and listing-card hover; keeps `ink` at 10:1+ */
  /* Type */
  --fva-font-sans: "Poppins", Helvetica, Arial, sans-serif;
  --fva-text-hero: 600 60px/70px var(--fva-font-sans);
  --fva-text-section: 600 40px/48px var(--fva-font-sans);
  --fva-text-page-title: 600 35px/45px var(--fva-font-sans);
  --fva-text-tile: 600 25px/35px var(--fva-font-sans);
  --fva-text-panel: 600 24px/32px var(--fva-font-sans);
  --fva-text-footer-title: 300 30px/42px var(--fva-font-sans);
  --fva-text-h4: 600 18px/26px var(--fva-font-sans);
  --fva-text-body-large: 400 20px/32px var(--fva-font-sans);
  --fva-text-body: 400 15px/22px var(--fva-font-sans);
  --fva-text-body-strong: 600 15px/22px var(--fva-font-sans);
  --fva-text-button: 600 14px/26px var(--fva-font-sans);
  --fva-text-small: 400 13px/20px var(--fva-font-sans);
  --fva-text-meta: 400 12px/18px var(--fva-font-sans);
  /* Spacing */
  --fva-space-1: 6px;
  --fva-space-2: 10px;
  --fva-space-3: 15px;
  --fva-space-4: 19px;
  --fva-space-5: 24px;
  --fva-space-6: 44px;
  --fva-space-7: 72px;
  --fva-gutter: 136px;
  /* Radius */
  --fva-radius-sm: 10px;
  --fva-radius-md: 13px;
  --fva-radius-pill: 19px;
  --fva-radius-none: 0px;
  /* Shadow */
  --fva-shadow-panel: 0px 30px 60px #1a4d79a7;
  --fva-shadow-card: 0 12px 32px rgba(22,46,89,0.14); /* the three What's happening panels */
}