/* Copyright CCX Technologies 2024 */

:root {
  --font-primary: "KanitMedium", sans-serif;
  --font-menu: "Nasalization", sans-serif;
  --font-heading: "Montserrat", sans-serif;
  --font-title: "Kanit", sans-serif;
  --font-trx: "Nasalization", sans-serif;
}

@font-face {
  font-family: Nasalization;
  src: url("../fonts/nasalization-rg.otf") format("opentype");
}

@font-face {
  font-family: Montserrat;
  src: url("../fonts/montserrat-rg.ttf") format("truetype");
}

@font-face {
  font-family: KanitMedium;
  src: url("../fonts/kanit-md.ttf") format("truetype");
}

@font-face {
  font-family: Kanit;
  src: url("../fonts/kanit-rg.ttf") format("truetype");
}

body {
  font-family: var(--font-primary);
  font-size: 1.25rem;
}

h1 {
  text-transform: uppercase;
  font-family: var(--font-title);
  font-size: 3rem;
}

@media (max-width: 500px) {
  h1 {
    font-size: 2rem;
  }
}

h2 {
  font-family: var(--font-heading);
  font-size: 1.8rem;
  margin-bottom: 0.5em;
}

h3 {
  font-family: var(--font-heading);
  font-size: 1.4rem;
}

h5 {
  font-family: var(--font-heading);
  font-size: 1.1rem;
  font-weight: bold;
  margin-bottom: 0.5em;
}

header {
  text-transform: uppercase;
  font-family: var(--font-menu);
  font-size: 1rem;
}

footer {
  text-transform: uppercase;
  font-family: var(--font-menu);
  font-size: 0.65em;
}

.trx {
  text-transform: uppercase;
  font-family: var(--font-trx);
}

.systemx {
  text-transform: uppercase;
  font-family: var(--font-trx);
}

a {
  text-decoration: underline;
  text-decoration-style: dotted;
  color: var(--color-fg-primary-muted);
}

th {
  font-family: var(--font-heading);
  font-size: 1.3rem;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 0.5em;
  text-align: left;
}

td {
  padding-left: 10px;
}