@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600&display=swap');

:root {
  --oc-primary: #fab283;
  --oc-secondary: #5c9cf5;
  --oc-accent: #9d7cd8;
  --oc-red: #e06c75;
  --oc-orange: #f5a742;
  --oc-green: #7fd88f;
  --oc-cyan: #56b6c2;
  --oc-yellow: #e5c07b;
  --oc-text: #eeeeee;
  --oc-text-muted: #808080;
  --oc-bg1: #0a0a0a;
  --oc-bg2: #141414;
  --oc-bg3: #1e1e1e;
  --oc-bg4: #282828;
  --oc-border: #484848;
  --oc-border-active: #606060;
}

html, body {
  margin: 20px auto;
  padding: 20px;
  max-width: 860px;
  background: #000;
  font-family: "JetBrains Mono", "Courier New", monospace;
  color: var(--oc-text);
  font-size: 16px;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}

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

a:visited {
  color: var(--oc-accent);
}

a:hover {
  color: #ffc09f;
  text-decoration: underline;
}

h1, h2, h3 {
  color: var(--oc-yellow);
  font-weight: 600;
}

img {
  max-width: 100%;
  height: auto;
}

table {
  border-collapse: collapse;
}

td, th {
  padding: 8px;
}