:root {
  --border--small: 1px;
  --border--medium: 3px;
  --border--large: 5px;

  --rounding--container--standard: 11px;
  --rounding--container--large: 17px;
  --rounding--button--standard: 6px;
  --rounding--button--large: 1000px;

  --banner-dark-colour: #002147;
  --banner-light-colour: #ffffff;
  --banner-accent-colour: #49b6ff;

  --card--container-colour_bg: #ffffff;
  --card--container-colour_fg: #000000;
  --card--title-colour_bg: white;
  --card--title-colour_fg: black;
  --card--image-colour_bg: white;
  --card--image-tag-colour_fg: white;
  --card--image-tag-colour_bg: #AA1A2D;;
  --card--text-colour_bg: white;
  --card--text-colour_fg: black;
  --card--button-active-colour_bg: black;
  --card--button-active-colour_fg: white;

  --button--link-colour_background: #49b6ff;
  --button--link-colour_text: #002147;
}


@media (max-width: 1279px) {
  :root {
    --rounding--container--standard: 10px;
    --rounding--container--large: 10px;
    --rounding--button--standard: 5px;
    --rounding--button--large: 1000px;
  }
}

@media (max-width: 991px) {
  :root {
    --rounding--container--standard: 9px;
    --rounding--container--large: 14px;
    --rounding--button--standard: 5px;
    --rounding--button--large: 1000px;
  }
}

@media (max-width: 767px) {
  :root {
    --rounding--container--standard: 8px;
    --rounding--container--large: 12px;
    --rounding--button--standard: 4px;
    --rounding--button--large: 1000px;
  }
}