/* Main CSS, combines all into one import per page */

@import url('header.css');
@import url('cta.css');
@import url('footer.css');

* {
  font-family: "Montserrat", sans-serif;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}

:root {
  --accent: hsl(40, 30%, 50%);
  --accent-highlight: hsl(40, 30%, 60%);
  --accent-shadow: hsl(40, 30%, 40%);

  --white: hsl(0, 0%, 98%);
  --black: hsl(0, 0%, 3%);
  --black-highlight: hsl(0, 0%, 10%);
  --black-shadow: rgba(0,0,0,0.7);
}

html, body {
  max-width: 100%;
  overflow-x: hidden;
}

strong {
  font-weight: 700;
}

::selection {
  background: none;
  color: var(--accent);
}

.accent {
  color: var(--accent);
}

.accent::selection {
  color: var(--black);
}

.black-background .accent::selection {
  color: var(--white);
}

.accent-background::selection {
  color: var(--white);
}