/* 0 */

@font-face {
  font-family: "Liberation Serif";
  src:
    local("Liberation Serif"),
    url("/fonts/Liberation-Serif/LiberationSerif-Regular.ttf");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Liberation Serif";
  src:
    local("Liberation Serif"),
    url("/fonts/Liberation-Serif/LiberationSerif-Bold.ttf");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Liberation Serif";
  src:
    local("Liberation Serif"),
    url("/fonts/Liberation-Serif/LiberationSerif-BoldItalic.ttf");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "Liberation Serif";
  src:
    local("Liberation Serif"),
    url("/fonts/Liberation-Serif/LiberationSerif-Italic.ttf");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "Lexend";
  src:
    local("Lexend"),
    url("/fonts/Lexend-VariableFont_wght.ttf");
}

@font-face {
  font-family: "Atkinson Hyperlegible Mono";
  src:
    local("Atkinson Hyperlegible Mono"),
    url("/fonts/Atkinson-Hyperlegible/AtkinsonHyperlegibleMono-Regular.woff2"),
    url("/fonts/Atkinson-Hyperlegible/AtkinsonHyperlegibleMono-Regular.ttf");
}

@font-face {
  font-family: "PT Mono";
  src:
    local("PT Mono"),
    url("/fonts/PTMono-Regular.ttf");
}

:root {
  /* = fonts = */ 
  --font-serif: "Times New Roman", "Liberation Serif", serif;
  --font-sans: "Lexend", Verdana, Arial, Helvetica, sans-serif;
  --font-mono: "Atkinson Hyperlegible Mono", "Monaco", monospace; /* todo: backups */
  --font-accent: "PT Mono", "Courier New", "Courier", monospace;

  /* = colors = */
  --vio1: #fff5ff;
  --vio2: #eebbee;
  --vio3: #ee85ee;
  --vio4: #892089;

  --ora1: #fffcfa;
  --ora4: #d54d20;
  --ora5: #9A3112;

  --panel-bg: #555;
  --panel-text: #fff;

  --light1: #FF8955;
  --light1-1: #FFAA9089;
  --light2: #55FFA3;
  --light2-1: #85FFC089;

  --text: #000;
  --bg: #bbbbd5;

  /** TODO: update **/
  --menu-bg: #eee;
  --menu-text: black;
}