/* Typography: the font and the headings. The fonts are tokens (--font-text, --font-title), as are sizes, weights and
   line heights (--text-*, --weight-*, --leading-*). */

/* Noto Sans Georgian (SIL Open Font License 1.1), self-hosted: Google Fonts' v49 subsets, with Google's
   `unicode-range`s, so a page downloads only the scripts it shows. Variable: one file per script has every weight.
   The layout preloads the Georgian and Latin files (preloadedFonts in src/common/site.constants.ts). */
@font-face {
  font-family: 'Noto Sans Georgian';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/static/fonts/noto-sans-georgian-v49-georgian.woff2') format('woff2');
  unicode-range: U+0589, U+10A0-10FF, U+1C90-1CBA, U+1CBD-1CBF, U+205A, U+2D00-2D2F, U+2E31;
}

@font-face {
  font-family: 'Noto Sans Georgian';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/static/fonts/noto-sans-georgian-v49-latin-ext.woff2') format('woff2');
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
    U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F,
    U+A720-A7FF;
}

@font-face {
  font-family: 'Noto Sans Georgian';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/static/fonts/noto-sans-georgian-v49-latin.woff2') format('woff2');
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

h1 {
  font-size: var(--text-h1);
  font-weight: var(--weight-medium);
  line-height: var(--leading-tight);
  margin: var(--space-2) 0 var(--space-2);
  overflow-wrap: anywhere;
}

h2 {
  font-size: var(--text-h2);
  margin: var(--space-8) 0 var(--space-3);
}

h1,
h2,
.footer-title {
  font-family: var(--font-title);
}

/* Headings break into lines of even length rather than leaving one word alone on the last. */
h1,
h2,
h3 {
  text-wrap: balance;
}