@font-face {
  font-family: "UO Text";
  src: url("../public/assets/uo-font/uo-text.woff2?v=1") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  size-adjust: 125%;
}

@font-face {
  font-family: "UO Classic";
  src: url("../public/assets/uo-font/uo-classic.woff2?v=1") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  size-adjust: 125%;
}

:root {
  --font-uo-text: "UO Text", Georgia, serif;
  --font-uo-heading: "UO Classic", "UO Text", Georgia, serif;
  font-family: var(--font-uo-text);
  font-synthesis: none;
  letter-spacing: 0;
}

body, button, input, select, textarea, dialog,
.paperdoll-panel.character-sheet, .character-panel.creating,
.creation-wizard input:not([type=range]), .creation-wizard select,
.creation-attributes h3 small, .creation-error, .sheet-stat-track > b {
  font-family: var(--font-uo-text);
  letter-spacing: 0;
}

h1, h2, h3, .character-card-copy strong, .character-card-portrait::before,
.creator-heading h3, .character-sheet #paperdollName, .creation-brand > div,
.combat-target-heading strong,
#previewName {
  font-family: var(--font-uo-heading);
  letter-spacing: 0;
}

.login-panel label, .login-panel .text-link { font-size: 16px; }
.login-panel h1 { line-height: 1.3; overflow-wrap: anywhere; }
.sheet-stat-track > b { font-size: 14px; }
