/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Anton&family=IBM+Plex+Mono:wght@400;600&display=swap');

/*
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Audiowide&display=swap');
*/
:root {
  /* Fonts */
  --font-heading: 'Anton', sans-serif;
  --font-body: 'IBM Plex Mono', monospace;
  /*
--font-heading: 'Anton', sans-serif;
  --font-body: 'Audiowide';  
  */

  /* Colors */
  --bs-body-bg: #111111;
  --bs-body-color: #cccccc;
  --color-heading: #f4f4f0;
  /* Off-white */
  --color-accent: #ffeb3b;
  /* Hazard yellow */
  --color-muted: #777777;

  /* Bootstrap overrides */
  --bs-primary: var(--color-accent);
  --bs-link-color: var(--color-accent);
  --bs-link-hover-color: #ffffff;

  /* Typography scale */
  --fs-h1: clamp(4rem, 9vw, 8rem);
  /* Massive */
  --fs-h2: clamp(2.5rem, 5vw, 4rem);
  --fs-h3: clamp(1.5rem, 3vw, 2.5rem);
  --fs-body: clamp(0.9rem, 1vw, 1rem);
}

body {
  font-family: var(--font-body);
  background-color: var(--bs-body-bg);
  color: var(--bs-body-color);
  font-size: var(--fs-body);
  line-height: 1.6;
}

h1,
h2,
h3,
h4,
h5 {
  font-family: var(--font-heading);
  font-weight: 400;
  /* Anton only has weight 400 */
  color: var(--color-heading);
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

/* Force links to look like terminal inputs */
/*
a,
.btn-primary {
  color: var(--color-accent);
  text-decoration: none;
}
*/

/* Invert on hover */
/*
.hero-menu a:hover {
  background-color: var(--color-accent);
  color: #000;
}
*/

.btn_main_ctab {
  font-family: var(--font-heading);
  min-width: 205px;
}