@import url('https://fonts.googleapis.com/css2?family=Yanone+Kaffeesatz:wght@300;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,300;0,400;0,500;1,100;1,300;1,400;1,500&display=swap');

@font-face {
  font-family: 'Mononoki';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(https://cdn.jsdelivr.net/fontsource/fonts/mononoki@latest/latin-400-normal.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/mononoki@latest/latin-400-normal.woff) format('woff');
}

:root {
  --brdclr: #340D09;  /* colour: black red    */
  --drdclr: #A70F01;  /* colour: dark  red    */
  --nrdclr: #FE2712;  /* colour: std   red    */
  --lrdclr: #FE8176;  /* colour: light red    */
  --wrdclr: #FFEEEB;  /* colour: white red    */
  
  --bgnclr: #0A3409;  /* colour: black green  */
  --dgnclr: #305A30;  /* colour: dark  green  */
  --ngnclr: #559E54;  /* colour: std   green  */
  --lgnclr: #92C591;  /* colour: light green  */
  --wgnclr: #E8F3E8;  /* colour: white green  */
  
  --bblclr: #091534;  /* colour: black blue   */
  --dblclr: #012998;  /* colour: dark  blue   */
  --nblclr: #0247FE;  /* colour: std   blue   */
  --lblclr: #678FFE;  /* colour: light blue   */
  --wblclr: #EEF5FF;  /* colour: white blue   */
  
  --bylclr: #343409;  /* colour: black yellow */
  --dylclr: #CBCB01;  /* colour: dark  yellow */
  --nylclr: #FEFE33;  /* colour: std   yellow */
  --lylclr: #FEFE9A;  /* colour: light yellow */
  --wylclr: #FFFFDB;  /* colour: white yellow */
  
  --bprclr: #311432;  /* colour: black purple */
  --dprclr: #710193;  /* colour: dark  purple */
  --nprclr: #A32CC4;  /* colour: std   purple */
  --lprclr: #A45EE5;  /* colour: light purple */
  --wprclr: #E39FF6;  /* colour: white purple */
  
  --bbkclr: #111;     /* colour: black black  */
  --dbkclr: #333;     /* colour: dark  black  */
  --nbkclr: #999;     /* colour: std   black  */
  --lbkclr: #ddd;     /* colour: light black  */
  --wbkclr: #fff;     /* colour: white black  */
  
  --nusorange: #ef7c00;
  --nusblue  : #003d7c;
  
  --hrdclr: #FE817650;  /* colour: hilite red    */
  --hgnclr: #92C59180;  /* colour: hilite green  */
  --hblclr: #678FFE50;  /* colour: hilite blue   */
}