:root {
  --background: #2e3440;
  --background-text: #3b4252;
  --border: #5e81ac;
  --border2: #b48ead;
  --text: #eceff4;
  --link: #88c0d0;
  --link-visited: #81a1c1;

  --padding: 10px 20px;
  --margin: 4px;
  --gap: 10px;

  --border-thickness: 3px;

  --radius: 8px;
}

pre.codeblock {
  --keyword: #ebcb8b;
  --keyword-alt: #bf616a;
  --string: #a3be8c;
  --function: #b48ead;
  --number: #81a1c1;
  --comment: #8fbcbb;
}

pre.codeblock span.keyword {
  color: var(--keyword);
}

pre.codeblock span.keyword-alt {
  color: var(--keyword-alt);
}

pre.codeblock span.string {
  color: var(--string)
}

pre.codeblock span.function {
  color: var(--function)
}

pre.codeblock span.number {
  color: var(--number)
}

pre.codeblock span.comment {
  color: var(--comment)
}