:root {
  --colour-primary: #c21d4f;
  --colour-primary-dark: #710028;
  --colour-accent: #b38200;
  --colour-navy: #1f1b17;
  --colour-white: #ffffff;
  --colour-off-white: #ece7e1;
  --colour-text: #4c4741;
  --colour-text-muted: #746f68;
  --colour-grey-50: #fcfaf6;
  --colour-grey-100: #e1deda;
  --colour-grey-200: #c6c3be;
  --colour-grey-300: #aca9a3;
  --colour-grey-400: #938f89;
  --colour-grey-500: #7b7670;
  --colour-grey-600: #635e58;
  --colour-grey-700: #4c4742;
  --colour-grey-800: #35322d;
  --colour-grey-900: #201e1a;
  --colour-bg: #f6f3ee;
  --colour-surface: #f2eee8;
  --colour-surface-alt: #ece7e1;
  --colour-border: #d6d0c9;
  --colour-primary-hover: #af0042;
  --colour-primary-active: #970038;
  --colour-primary-subtle: #ffe8ea;
  --colour-on-primary: #ffffff;
  --colour-link: #c92654;
  --colour-accent-hover: #a07400;
  --colour-accent-subtle: #ffeccb;
  --colour-on-accent: #15140f;
  --colour-on-dark: #c2bdb5;
  --colour-success: #207f40;
  --colour-warning: #986500;
  --colour-error: #b45149;
  --colour-info: #2672b7;
}