:root {
  --base-font-min: 1rem;
  --base-font-max: 1.25rem;
  --h1-min: 2.5rem;
  --h1-max: 5rem;
  --h2-min: 1.75rem;
  --h2-max: 2.75rem;
  --h3-min: 1.5rem;
  --h3-max: 2rem;
  --h4-min: 1rem;
  --h4-max: 1.5rem;
  --grid-gap-min: 20px;
  --grid-gap-max: 40px;
  --content-gap-min: 12px;
  --content-gap-max: 32px;
  --white-colour: #FFFDEB;
  --white-colour-light: #fffdef;
  --white-colour-dark: #cccabc;
  --black-colour: #010032;
  --black-colour-light: #33335b;
  --black-colour-dark: #000028;
  --brand-colour: #7D7BFF;
  --brand-colour-light: #9795ff;
  --brand-colour-dark: #6462cc;
  --secondary-colour: #feef62;
  --secondary-colour-light: #fef281;
  --secondary-colour-dark: #cbbf4e;
  --grey-colour: #a897a7;
  --grey-colour-light: #b9abb8;
  --grey-colour-dark: #867885;
  --error-colour: #ff7f81;
  --error-colour-light: #ff989a;
  --error-colour-dark: #cc6567;
  --success-colour: #00ff00;
  --success-colour-light: #33ff33;
  --success-colour-dark: #00cc00;
  --warning-colour: #ffcc32;
  --warning-colour-light: #ffd65b;
  --warning-colour-dark: #cca328;
  --info-colour: #17a2b8;
  --info-colour-light: #45b4c6;
  --info-colour-dark: #128193;
  --section-spacing-min: 60px;
  --section-spacing-max: 116px;
  --header-font-family: "Dela Gothic One", sans-serif;
  --body-font-family: "Syne", sans-serif;
  --royal-blue: #3936cd;
  --royal-blue-light: #605ed7;
  --royal-blue-dark: #2d2ba4;
  --magenta: #ff00fa;
  --magenta-light: #ff33fb;
  --magenta-dark: #cc00c8;
  --base-font-med: 1.25rem;
  --h1-med: 3.75rem;
  --h2-med: 2.25rem;
  --h3-med: 1.75rem;
  --h4-med: 1.25rem;
  --grid-gap-med: 32px;
  --content-gap-med: 24px;
  --section-spacing-med: 88px;
}