:root {
  --ion-background-color: #ddf0ef;
  --ion-text-color: #6b6b6b;
  --h1-color: #16527f;
  --h2-color: #7cc6ab;
  --ion-color-primary: #1074bf;
  --ion-color-primary-rgb: 16, 116, 191;
  --ion-color-primary-contrast: #ffffff;
  --btn-rounding: 5px;
  --navbar-background: #7cc6ab;
  --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);
}