:root {

  /* colours */
    --ukcma-gold: #b48037;
    --ukcma-nearly-black: #292123;
    --ukcma-nearly-white: #f5f5f5;
    --ukcma-red: #B44237;
    --ukcma-green: #AAB437;
    --ukcma-blue: #376BB4;
    --ukcma-brown-back: #ede6dd;
    --ukcma-grey-back: #eceff2;
    --ukcma-redgrey: #515270;
  
    /* Fonts */
    --ukcma-main-font: 'AptosDisplay', Sans-serif;
    --ukcma-heading-font: 'Aptos-Bold', Sans-serif;
}

/* Fonts */
@font-face {
  font-family: 'Aptos-Bold';
  src: url('../fonts/Aptos-Bold.woff2') format('woff2'),
      url('../fonts/Aptos-Bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'AptosDisplay';
  src: url('../fonts/AptosDisplay.woff2') format('woff2'),
      url('../fonts/AptosDisplay.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}