@charset "UTF-8";

/* @import url(/res/NotoSerifKR-VariableFont_wght.ttf); */
@import url(NotoSerifKR-VariableFont_wght.ttf); 
@font-face {
    font-family: 'Material Icons Sharp';
    font-style: normal;
    font-weight: 400;
    src: local('Material Icons'),
         local('MaterialIcons-Sharp'),
         url('MaterialSymbolsSharp-Regular.ttf') format('truetype');
}

:root {
  --background: #fff;
  --text: #363636;
  --heading-text: #000;
  --anchor-text: #0076d1;
  --code-background: #efefef;
  --code-text: #000;
  --grade-background: rgba(180,180,180,.1);
  --grade-selected-background: rgba(100,180,250,.1);
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: #202b38;
    --text: #dbdbdb;
    --heading-text: #fff;
    --anchor-text: #0076d1;
    --code-background: #161f27;
    --code-text: #ffbe85;
    --grade-background: rgba(230,230,230,.1);
  }
}

body {
  background: var(--background);
  line-height: 1.6;
  margin: 0 auto;
}

h1, h2, h3, h4, h5 {
  color: var(--heading-text);
  margin-block: unset;
}

p, dl {
  color: var(--text);
}

ul {
  list-style: none;
  margin-block: unset;
  padding-inline: unset;
}

a {
  color: var(--anchor-text);
  text-decoration: none;
}

code {
  color: var(--code-text);
  background: var(--code-background);
  border-radius: 6px;
  padding: 2.5px 5px;
}