@font-face {
  font-family: Barlow;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('./barlow-regular.ttf') format('truetype');
}

@font-face {
  font-family: Barlow;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('./barlow-bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('./barlow-condensed-bold.ttf') format('truetype');
}

:root {
  --brand-cherry: #e70957;
  --brand-yellow: #ffdf46;
  --brand-charcoal: #2d2d2d;
  --brand-grey: #dad9d6;
  --brand-white: #ffffff;
  --font-body: Barlow, Arial, sans-serif;
  --font-heading: 'Barlow Condensed', 'Arial Narrow', Arial, sans-serif;
}

.campbelltown-link {
  display: inline-block;
  line-height: 0;
}

.campbelltown-link:focus-visible {
  outline: 3px solid var(--brand-cherry);
  outline-offset: 4px;
}

.campbelltown-logo {
  display: block;
  width: 150px;
  height: auto;
  flex-shrink: 0;
}