/* CSS Custom Properties for consistent theming */
:root {
  /* Brand Colours */
  --astra-white: rgb(245, 244, 246);
  --keepers-red: rgb(237, 27, 46);
  --light-blue: rgb(63, 179, 221);
  --bold-blue: rgb(17, 21, 73);
  --battle-black: rgb(11, 0, 31);
  --header-blue: rgb(11, 89, 128);

  /* Gradients */
  --primary-gradient: linear-gradient(90deg, var(--bold-blue) 0%, var(--keepers-red) 100%);
  --secondary-gradient: linear-gradient(90deg, var(--bold-blue) 0%, var(--light-blue) 100%);
  --login-box-gradient: linear-gradient(to bottom, #0b5980 30%, #1073a5 60%, #0b5980 100%);
}

/* Typography Classes */
.montserrat-heading-1 {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}

.montserrat-heading-2 {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
  text-transform: uppercase;
}

.montserrat-body {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.space-grotesk-speciality {
  font-family: "Space Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}

/* Global Bungie Foundation Styles */
html.bungie-foundation,
body.bungie-foundation {
  margin: 0;
  padding: 0;
  font-family: "Montserrat", sans-serif;
  color: var(--battle-black);
}