@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
@import url('https://cdn.jsdelivr.net/npm/@fontsource/iosevka-term@latest/index.css');

:root {
  --bg-color: #1a1b26;
  --text-color: #e6e7ed;
  --link-color: #bb9af7;
  --visited: #bb9af7;
  --hover: #f7768e;
  --pre: #24283b;
}

body {
  font-family: 'Inter', sans-serif;
}

code, pre, kbd, samp {
  font-family: 'Iosevka Term', monospace;
  font-size: 14px;
}

h1 {
  margin-bottom: 10px;
}

:root {
  --tn-bg: #1a1b26;
  --tn-fg: #c0caf5;
  --tn-comment: #565f89;
  --tn-blue: #7aa2f7;
  --tn-cyan: #7dcfff;
  --tn-green: #9ece6a;
  --tn-magenta: #bb9af7;
  --tn-orange: #ff9e64;
  --tn-pink: #f7768e;
  --tn-yellow: #e0af68;
}

/* Syntax highlighting */
.chroma .c   { color: var(--tn-comment); }       /* Comment */
.chroma .k   { color: var(--tn-magenta); }       /* Keyword */
.chroma .o   { color: var(--tn-pink); }          /* Operator */
.chroma .n   { color: var(--tn-fg); }            /* Name */
.chroma .s   { color: var(--tn-yellow); }        /* String */
.chroma .p   { color: var(--tn-fg); }            /* Punctuation */
.chroma .mi  { color: var(--tn-orange); }       /* Integer */
.chroma .mf  { color: var(--tn-orange); }       /* Float */
.chroma .nb  { color: var(--tn-cyan); }         /* Builtin */
.chroma .nc  { color: var(--tn-blue); }         /* Class */
.chroma .nd  { color: var(--tn-blue); }         /* Decorator */
.chroma .ne  { color: var(--tn-blue); }         /* Exception */
.chroma .nf  { color: var(--tn-blue); }         /* Function */
.chroma .nt  { color: var(--tn-blue); }         /* Tag */
.chroma .nv  { color: var(--tn-fg); }           /* Variable */
.chroma .err { color: var(--tn-pink); }        /* Error */
.chroma .ln  { color: var(--tn-comment); }