@import url('https://cdn.jsdelivr.net/npm/@fontsource-variable/space-grotesk@5.3.0/index.css');

/* https://fontsource.org/fonts/space-grotesk/use?tab=web&method=cdn */

:root {
  --primary-color: var(--indigo-color);
  --primary-color-light: var(--indigo-color-light);
  --primary-color-dark: var(--indigo-color-dark);
  --primary-color-very-dark: var(--indigo-color-very-dark);
}

body, .content > .page {
  font-family: 'Space Grotesk Variable', sans-serif;
  font-weight: 400;
  font-style: normal;
}

a {
  color: var(--indigo-color);
}

a:hover {
  color: var(--indigo-color-dark);
}

.btn, .btn-primary {
  background-color: salmon;
}