/* ==========================================================================
   DESIGN TOKENS
   Derived from ACDS v1.0 + Prototype Design Brief v1.0
   ========================================================================== */

:root {
  /* Colour */
  --color-blue: #1B3A6B;
  --color-blue-deep: #12294D;
  --color-red: #D93B1F;
  --color-red-deep: #B32E17;
  --color-white: #FFFFFF;
  --color-grey-light: #F4F5F7;
  --color-border: #E2E4E9;
  --color-charcoal: #22262B;
  --color-grey-text: #5B616B;
  --color-success: #1E7A46;
  --color-success-bg: #E9F5EE;
  --color-error: #C4291A;
  --color-error-bg: #FCECEA;
  --color-warning: #8A5A0F;

  /* Typography */
  --font-heading: 'Manrope', sans-serif;
  --font-body: 'Inter', sans-serif;
  --font-display: 'Fraunces', 'Manrope', serif;

  --fs-hero: 60px;
  --fs-h1: 46px;
  --fs-h2: 36px;
  --fs-h3: 26px;
  --fs-h4: 20px;
  --fs-body: 18px;
  --fs-small: 16px;
  --fs-caption: 14px;

  /* Spacing scale */
  --sp-1: 8px;
  --sp-2: 16px;
  --sp-3: 24px;
  --sp-4: 32px;
  --sp-5: 48px;
  --sp-6: 64px;
  --sp-7: 96px;

  /* Layout */
  --content-max: 1280px;
  --section-pad-desktop: 100px;
  --section-pad-tablet: 80px;
  --section-pad-mobile: 60px;
  --radius-card: 10px;
  --radius-btn: 10px;
  --radius-input: 8px;
  --shadow-soft: 0 1px 3px rgba(20, 30, 50, 0.06);
  --shadow-lift: 0 6px 16px rgba(20, 30, 50, 0.10);
}