/*
  Site-wide additions on top of menos.css, which stays frozen. Linked after it on every page.

  1. Self-hosted fonts (SIL Open Font License 1.1; license files sit next to them in
     /assets/fonts/). The two latin 400 files are preloaded in every page head. Preload plus
     font-display: optional means the browser either has the font for the first paint or keeps
     the fallback for that page view, so text never jumps when a font arrives late. That jump
     was most of the mobile layout shift (CLS) PageSpeed reported.
  2. The site is designed dark. color-scheme tells the browser (scrollbars, form controls) and
     extensions; the darkreader-lock meta in each head tells Dark Reader not to re-theme it.
  3. The footer's inline email link is underlined so it doesn't rely on colour alone.
*/

@font-face {
  font-family: 'Jersey 15';
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url(/assets/fonts/jersey-15-latin-400-normal.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: 'Jersey 15';
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url(/assets/fonts/jersey-15-latin-ext-400-normal.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Atkinson Hyperlegible Next';
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url(/assets/fonts/atkinson-hyperlegible-next-latin-400-normal.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: 'Atkinson Hyperlegible Next';
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url(/assets/fonts/atkinson-hyperlegible-next-latin-ext-400-normal.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Atkinson Hyperlegible Next';
  font-style: normal;
  font-weight: 700;
  font-display: optional;
  src: url(/assets/fonts/atkinson-hyperlegible-next-latin-700-normal.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: 'Atkinson Hyperlegible Next';
  font-style: normal;
  font-weight: 700;
  font-display: optional;
  src: url(/assets/fonts/atkinson-hyperlegible-next-latin-ext-700-normal.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root { color-scheme: dark; }

.site-footer .legal a { text-decoration: underline; }

/* Live Discord count next to Join the Discord (assets/discord.js fills it, hidden until it has a number). */
.discord-online { display: inline-flex; align-items: center; gap: 8px; color: var(--ink-2); font-size: 15px; }
.discord-online::before { content: ""; width: 8px; height: 8px; background: var(--moss); box-shadow: 0 0 0 2px var(--night); }
.discord-online[hidden] { display: none; }