:root {
  /* ── Brand Colours ───────────────────────────────────── */
  --orange:    #E8571A;
  --blue:      #2A7A9B;
  --skyblue:   #5BB8D4;
  --cream:     #F2EDE4;
  --charcoal:  #2A2A2A;
  --navy:      #1C2E3D;
  --sage:      #8FAF8A;
  --lightblue: #D6EEF5;
  --white:     #FFFFFF;

  /* ── Semantic Aliases ────────────────────────────────── */
  --color-primary:      var(--orange);
  --color-primary-dark: #C44410;
  --color-text:         var(--charcoal);
  --color-text-muted:   #5A6673;
  --color-border:       #DDD5C8;
  --color-focus:        var(--skyblue);
  --color-error:        #DC2626;
  --color-success:      #16A34A;

  /* ── Typography ──────────────────────────────────────── */
  --font-display: 'Nunito', sans-serif;
  --font-body:    'Nunito Sans', sans-serif;

  --fw-regular:   400;
  --fw-semibold:  600;
  --fw-bold:      700;
  --fw-black:     900;

  /* ── Spacing ─────────────────────────────────────────── */
  --space-xs:  0.25rem;   /*  4px */
  --space-sm:  0.5rem;    /*  8px */
  --space-md:  1rem;      /* 16px */
  --space-lg:  1.5rem;    /* 24px */
  --space-xl:  2rem;      /* 32px */
  --space-2xl: 3rem;      /* 48px */
  --space-3xl: 4rem;      /* 64px */
  --space-4xl: 6rem;      /* 96px */

  /* ── Border Radius ───────────────────────────────────── */
  --radius-sm:   0.25rem;
  --radius-md:   0.5rem;
  --radius-lg:   1rem;
  --radius-pill: 624.9375rem;
  --radius-full: 50%;

  /* ── Shadows ─────────────────────────────────────────── */
  --shadow-sm: 0 0.0625rem 0.25rem rgba(0,0,0,0.08);
  --shadow-md: 0 0.25rem 1rem rgba(0,0,0,0.10);
  --shadow-lg: 0 0.5rem 2rem rgba(0,0,0,0.14);

  /* ── Transitions ─────────────────────────────────────── */
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;
  --transition-slow: 400ms ease;

  /* ── Layout ──────────────────────────────────────────── */
  --container-max: 75rem;
  --nav-height:    4.5rem;

  /* ── Z-index ─────────────────────────────────────────── */
  --z-base:    1;
  --z-sticky:  100;
  --z-overlay: 200;
  --z-modal:   300;
}