/* ==========================================================================
   ENLIGHTENED REPUBLIC — pixel type system (root site and the Alt Aliens
   sub-site; only the legacy alt-aliens/services.html keeps its own fonts).
   Self-hosted Google Fonts, latin subset, all SIL OFL 1.1
   (licences alongside in this folder).

     --font-title  Jersey 10   headings, hero titles, big display text
     --font-label  VT323       kickers, nav, buttons, badges, HUD, pills, tags
     --font-body   Silkscreen  paragraphs / running text

   Pixel grids, for picking crisp sizes:
     Silkscreen  1 px = 0.125em  -> crisp at 16px / 24px / 32px
     VT323       cap height 0.56em, runs small -> labels sized ~1.25x up
     Jersey 10   cap height 0.54em, condensed  -> headings sized ~1.3x up
   ========================================================================== */

@font-face {
  font-family: 'Jersey 10';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('jersey10-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;
}

@font-face {
  font-family: 'VT323';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('vt323-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;
}

@font-face {
  font-family: 'Silkscreen';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('silkscreen-400-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;
}

@font-face {
  font-family: 'Silkscreen';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('silkscreen-700-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;
}

:root {
  --font-title: 'Jersey 10', 'Arial Narrow', 'Trebuchet MS', sans-serif;
  --font-label: 'VT323', 'Courier New', ui-monospace, monospace;
  --font-body:  'Silkscreen', 'Courier New', ui-monospace, monospace;

  /* Body-text rhythm shared by every root stylesheet. */
  --body-size: 16px;        /* Silkscreen's crisp size (2 device px per font px) */
  --body-leading: 1.75;
  --body-tracking: 0.5px;
  --measure: 62ch;
}

/* Jersey 10 and VT323 ship one weight; never let the browser fake-bold them.
   Silkscreen has a real 700, so <strong>/<b> still work in running text. */
html { font-synthesis: none; }
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Trademark mark. Jersey 10 draws ™ as full-size "TM" and the other two pixel
   faces draw it oversized, so the brand's ™ is always set as a small
   superscript in a system face that has a proper glyph. Usage:
   Enlightened Republic<sup class="tm">&trade;</sup> */
.tm {
  font-family: system-ui, -apple-system, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  font-size: 0.6em;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0;
  line-height: 0;
  vertical-align: super;
  margin-left: 0.08em;
  text-transform: none;
}