:root {
  --ion-text-color: #c8c8c8;
  --h1-color: #ffffff;
  --h2-color: #deac62;
  --ion-color-primary: #664001;
  --ion-color-primary-rgb: 102, 64, 1;
  --ion-color-primary-contrast: #ffffff;
  --btn-rounding: 5px;
  --navbar-background: #1a1e20;
  --ion-toolbar-background: #1a1e20;
  --navbar-link-color: #ffffff;
  --h1-font: 'h1-font';
  --h2-font: 'h2-font';
  --text-font: 'text-font';
}

@font-face {
  font-family: 'h1-font';
  src: url('./theme_h1_font_ttf.ttf');
}

@font-face {
  font-family: 'h2-font';
  src: url('./theme_h2_font_ttf.ttf');
}

@font-face {
  font-family: 'text-font';
  src: url('./theme_text_font.ttf');
}

ion-button {
  --border-radius: var(--btn-rounding, 0px);
}