/* Based on the below stylesheet */
/* https://content.csiro.au/Styleguide/style-uat.csiro.au/CSIROau/Styles */
:root {
  /* spacing */
  /* ------------------ */
  /* This violates the CSIRO style guide */
  /* 1520px is too much and becomes unwieldy */
  --max-width: 1520px;

  --gap-large: 75px;
  --gap-med: 40px;
  --gap-default: 30px;
  --gap-small: 20px;
  --gap-x-small: 15px;
  --gap-xx-small: 10px;
  --gap-micro: 3px;

  --encircle-x-large: 50px;
  --encircle-large: 30px;
  --encircle-default: 15px;

  /* typography */
  /* ------------------ */
  --small-font: 0.8125rem;
  --med-font: 1rem;
  --large-font: 1.5rem;

  /* colours */
  /* ------------------ */
  /* core colours */
  /* For visual & typographic elements */
  --core-primary: #004b87;
  --primary-light: #00a9ce;
  --primary-dark: #10172a;
  --core-secondary: #00313c;

  /* primary */
  /* For charts & diagrams
    (use sparingly for buttons and typographic elements) */
  --blueberry: #1e22aa;
  --plum: #6d2077;
  --teal: #007377;
  --mint: #008558;

  /* secondary */
  /* Colouring charts & diagrams
    (do not use for text elements) */
  --fuchsia: #dc1894;
  --orange: #e67623;
  --gold: #ffb61c;
  --lavender: #9faee5;
  --light-mint: #71cc98;
  --forest: #78be20;
  --light-teal: #3ba9cd;

  /* state */
  /* For UI messages */
  --success: #008558;
  --information: #009385;
  --warning: #e67623;
  --danger: #e40028;

  /* grayscale */
  /* For typography & backgrounds */
  --grey-1: #707070;
  --grey-2: #575757;
  --grey-3: #dadada;
  --grey-4: #f5f5f5;
  --grey-5: #f0f0f0;
  --off-white: #e8e9e9;
  --white: #ffffff;
  --dark-grey: #0000008a;
  --black: #000000;
}