/* css/variables.css */
:root {
  /* Primary Brand Colours */
  --nv-blue: #183FE4;
  --nv-deep-royal: #1330AE;
  --nv-beige: #E8DDCC;
  --nv-white: #FFFFFF;
  --nv-soft-white: #F4F5F7;
  --nv-ink: #111111;

  /* Typography */
  --font-display: 'Space Grotesk', sans-serif;
  --font-body: 'Manrope', sans-serif;

  /* Spacing System */
  --space-8: 0.5rem;
  --space-16: 1rem;
  --space-24: 1.5rem;
  --space-32: 2rem;
  --space-48: 3rem;
  --space-64: 4rem;
  --space-80: 5rem;
  --space-96: 6rem;
  --space-128: 8rem;
  --space-160: 10rem;

  /* Shape System */
  --radius-8: 8px;
  --radius-12: 12px;
  --radius-20: 20px;

  /* Z-Index */
  --z-nav: 100;
  --z-overlay: 200;
}