/* See https://wandering.shop/@xgranade/115756533894567515.
   for why @import fails here.
   For now, we copy the contents of each import in.
@import url("https://rereading.space/stylesheets/fonts.css");
@import url("https://rereading.space/stylesheets/colors.css"); */

body {
    --Champaign-Mist: 	rgb(244, 228, 205);
    --Coffee-Bean: 	rgb(111, 78, 55);
    --Dark-Coffee: 	rgb(56, 27, 7);
    --Muted-Olive: 	rgb(174, 187, 119);
    --Lime-Yellow: 	rgb(204, 255, 51);
    --Yellow: rgb(255, 255, 0);
    --Deep-Pink: rgb(255, 0, 153);

    --lightmode-bg: var(--Champaign-Mist);
    --lightmode-primary: var(--Dark-Coffee);
    --lightmode-accent: var(--Muted-Olive);
    --lightmode-highlight: var(--Yellow);
}

@font-face {
  font-family: "Courier Prime";
  font-weight: 700;
  src: url("https://rereading.space/fonts/courier-prime-normal-700.woff2") format("woff2");
}

@font-face {
  font-family: 'Public Sans';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("https://rereading.space/fonts/public-sans-italic.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: 'Public Sans';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("https://rereading.space/fonts/public-sans-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;
}

body {
  --body-font-family: "Public Sans", "Arial", sans-serif;
  --header-font-family: "Courier Prime", "Courier New", "Courier", monospace;
}

body {
  font-family: var(--body-font-family);
}

h1, h2, h3, h4, h5, h6, .navigation-panel .column-link {
  font-family: var(--header-font-family);
  font-weight: 700;
}

@media (prefers-color-scheme: light) {
  body, .tabs-bar__wrapper {
    background-color: var(--lightmode-bg);
    color: var(--lightmode-primary);
  }
}