:root {
  --color-primary: #00E0B8;
  --color-primary-contrast: #000;
  --color-primary-dark-1: #26e5c3;
  --color-primary-dark-2: #4ce9cd;
  --color-primary-dark-3: #73eed8;
  --color-primary-dark-4: #99f3e3;
  --color-primary-dark-5: #bff7ed;
  --color-primary-dark-6: #defbf6;
  --color-primary-dark-7: #f0fdfb;
  --color-primary-light-1: #00caa6;
  --color-primary-light-2: #00b393;
  --color-primary-light-3: #009d81;
  --color-primary-light-4: #00826b;
  --color-primary-light-5: #006553;
  --color-primary-light-6: #00483b;
  --color-primary-light-7: #002d25;
  --color-primary-alpha-10: #00E0B81a;
  --color-primary-alpha-20: #00E0B833;
  --color-primary-alpha-30: #00E0B84c;
  --color-primary-alpha-40: #00E0B866;
  --color-primary-alpha-50: #00E0B880;
  --color-primary-alpha-60: #00E0B899;
  --color-primary-alpha-70: #00E0B8b2;
  --color-primary-alpha-80: #00E0B8cc;
  --color-primary-alpha-90: #00E0B8e6;
  --color-primary-hover: var(--color-primary-light-1);
  --color-primary-active: var(--color-primary-light-2);
  --color-accent: #00E0B8;
  --color-small-accent: var(--color-primary-light-5);
  --color-highlight-fg: var(--color-primary-dark-4);
  --color-highlight-bg: var(--color-primary-alpha-20);

  --color-body: #0A0F1A;
  --color-box-body: #111827;
  --color-box-header: #1f2634;
  --color-box-body-highlight: #292f3d;
  --color-nav-bg: #080c15;
  --color-header-wrapper: #080c15;
  --color-footer: #080b14;
  --color-card: #111827;
  --color-menu: #111827;
  --color-secondary-bg: #111827;
  --color-code-bg: #111827;

  --color-text: #F4F5F7;
  --color-text-dark: #fff;
  --color-input-background: #1d2432;
  --color-input-border: #414652;
}

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@700;800&family=Inter:wght@400;500&family=JetBrains+Mono:wght@400;700&display=swap');

body, .ui.container, .markup {
  font-family: 'Inter', sans-serif !important;
}
h1, h2, h3, .ui.header, .repo-header, .page-content h1 {
  font-family: 'Space Grotesk', sans-serif !important;
  font-weight: 800 !important;
}
code, pre, .CodeMirror, .monospace, .ui.label.commit-sha {
  font-family: 'JetBrains Mono', monospace !important;
}