/* Tipografia oficial de Velrathis. Arquivos locais para funcionar com a CSP. */
@font-face {
  font-family: "Velrathis Cinzel";
  src: url("/fonts/cinzel-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 600 900;
  font-display: swap;
}

@font-face {
  font-family: "Velrathis Source";
  src: url("/fonts/source-sans-3-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
}

@font-face {
  font-family: "Velrathis Source";
  src: url("/fonts/source-sans-3-italic-latin.woff2") format("woff2");
  font-style: italic;
  font-weight: 300 900;
  font-display: swap;
}

@font-face {
  font-family: "Velrathis Lore";
  src: url("/fonts/cormorant-garamond-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
}

@font-face {
  font-family: "Velrathis Lore";
  src: url("/fonts/cormorant-garamond-italic-latin.woff2") format("woff2");
  font-style: italic;
  font-weight: 400 700;
  font-display: swap;
}

:root {
  --velrathis-font-display: "Velrathis Cinzel", Georgia, "Times New Roman", serif;
  --velrathis-font-ui: "Velrathis Source", "Segoe UI", Arial, sans-serif;
  --velrathis-font-lore: "Velrathis Lore", Georgia, "Times New Roman", serif;
}

/* Algumas telas antigas definem a fonte em *, portanto a regra precisa ser explícita. */
html body,
html body * {
  font-family: var(--velrathis-font-ui) !important;
}

html body :is(
  h1, h2, h3, h4,
  .brand b,
  .lobby-brand b,
  .vcr-title,
  #title h1,
  #fin h2,
  #capTitle
) {
  font-family: var(--velrathis-font-display) !important;
  font-optical-sizing: auto;
}

html body :is(
  #text,
  #narr,
  #lines,
  #finTxt,
  article,
  .lore-copy,
  .story-copy,
  .desc
) {
  font-family: var(--velrathis-font-lore) !important;
}

html body :is(
  .nums,
  .vcr-value,
  .score,
  .price,
  .pill b,
  .lobby-resource b,
  table
) {
  font-variant-numeric: tabular-nums;
}