@font-face {
  font-family: 'Recursive';
  src: url('/statics/fonts/RecursiveSansLnrSt-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Recursive';
  src: url('/statics/fonts/RecursiveSansLnrSt-BoldItalic.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Recursive';
  src: url('/statics/fonts/RecursiveSansLnrSt-Italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

:root {
  --font-family: 'Recursive', sans-serif;
  --color: #000000;
  --muted-color: #000000;
  --background-color: #ffffff;
  --card-background-color: #ffffff;
  --card-border-color: #e5e5e5;
}

:root {
  color-scheme: light;
  --background-color: #ffffff;
  --card-background-color: #ffffff;
}

html,
body {
  background-color: white !important;
  color: black;
  font-family: 'Recursive', sans-serif !important;
  cursor: url('https://raw.githubusercontent.com/dystotypo/dystotypo/4e313dbecc419602699ccfd957c75bb355c05ee8/img/hacker.svg'), auto;
}

mark {
  background-color: transparent;
}

p,
span,
div,
li,
label,
input,
textarea {
  color: black !important;
  font-family: 'Recursive', sans-serif !important;
}

i, 
em {
  color: black !important;
  font-family: 'Recursive', sans-serif !important;
  font-style: italic !important;
}

h1,
h3,
h4,
h5,
h6,
a {
  color: #965efa;
  font-family: 'Recursive', sans-serif !important;
}

a[href^="#fn"] {
  color: black;
  font-size: 0.85em;
  text-decoration: none;
}

a[href^="#ref"] {
  color: #555555;
}

#refs a,
.csl-entry a {
  color: black;
  text-decoration: none;
}

.outline.secondary {
  color: black !important;
  border-color: black !important;
}

h2 {
  color: black !important;
  font-family: 'Recursive', sans-serif !important;
}

article,
section,
.card {
  background-color: white !important;
  color: black;
}

div.article-abstract {
  background-color: #965efa;
  color: black;
  padding: 1rem;
}

article > header,
article > footer {
  background-color: #965efa !important;
}

.muted {
  color: black;
}

:root {
  --background-color: #ffffff;
  --card-background-color: #ffffff;
  --contrast-background: #ffffff;
  --dropdown-background-color: #ffffff;
  --modal-background-color: #ffffff;
  --pico-muted-color: #000000 !important;
  --color: #000000;
  --muted-color: #000000 !important;
}