:root {
  /* Brand colours */
  --navy:       #0D1B4B;
  --navy-mid:   #132260;
  --cobalt:     #1A52D8;
  --cobalt-hover: #1644B8;
  --cobalt-light: #2563EB;
  --chrome:     #9EA8BC;
  --silver:     #9EA8BC;   /* design-system alias of --chrome */
  --silver-light: #C8D0DE;
  --fog:        #F0F4FB;
  --green:      #2A7D4F;
  --green-bg:   #EBF5EF;
  --border:     #E2E8F0;
  --ink:        #0D0D0D;
  --near-black: #0D0D0D;   /* design-system alias of --ink */
  --slate:      #6B7280;
  --white:      #FFFFFF;

  /* Typography */
  --font:       'TT Norms Pro', 'Hanken Grotesk', sans-serif;
  --fw-regular: 400;
  --fw-medium:  500;
  --fw-semibold:600;
  --fw-bold:    700;
  --fw-extrabold:800;

  /* Spacing scale */
  --space-xs:   0.5rem;
  --space-sm:   1rem;
  --space-md:   1.5rem;
  --space-lg:   2.5rem;
  --space-xl:   4rem;
  --space-2xl:  6rem;

  /* Layout */
  --max-width:  1200px;
  --radius:     4px;
  --radius-lg:  8px;

  /* Transitions */
  --ease:       cubic-bezier(0.4, 0, 0.2, 1);
  --duration:   0.25s;
}