html, body {
  background-color: #0a0a0b !important;
  color: rgba(255, 255, 255, 0.87) !important;
  color-scheme: dark;
}

:root {
  /* Slashr brand colours */
  --theme-color: #14f195;

  /* Background */
  --base-background-color: #0a0a0b;
  --sidebar-background: #0a0a0b;
  --sidebar-border-color: rgba(255, 255, 255, 0.06);

  /* Text */
  --base-color: rgba(255, 255, 255, 0.87);
  --sidebar-name-color: rgba(255, 255, 255, 0.87);
  --sidebar-nav-link-color--active: #14f195;
  --sidebar-nav-link-color: rgba(255, 255, 255, 0.60);
  --sidebar-nav-link-color--hover: rgba(255, 255, 255, 0.87);
  --sidebar-nav-strong-color: rgba(255, 255, 255, 0.40);

  /* Headings */
  --heading-color: rgba(255, 255, 255, 0.87);
  --heading-h1-font-weight: 700;
  --heading-h2-font-weight: 700;

  /* Links */
  --link-color: #14f195;
  --link-color--hover: #14f195;
  --link-text-decoration: none;
  --link-text-decoration--hover: underline;

  /* Code */
  --code-font-family: 'JetBrains Mono', monospace;
  --code-font-size: 0.85em;
  --code-inline-background: rgba(255, 255, 255, 0.06);
  --code-inline-color: #e8e6e1;
  --code-inline-padding: 2px 6px;
  --code-inline-border-radius: 3px;
  --code-block-background: #111113;
  --code-block-border-radius: 6px;
  --code-block-padding: 16px 20px;

  /* Tables */
  --table-head-background: rgba(255, 255, 255, 0.04);
  --table-head-color: rgba(255, 255, 255, 0.60);
  --table-cell-border-color: rgba(255, 255, 255, 0.06);

  /* Search */
  --search-background: #111113;
  --search-input-background-color: #111113;
  --search-input-color: rgba(255, 255, 255, 0.87);
  --search-result-heading-color: rgba(255, 255, 255, 0.87);
  --search-result-keyword-background: rgba(20, 241, 149, 0.15);
  --search-result-keyword-color: #14f195;

  /* Fonts */
  --base-font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --heading-font-family: 'Space Grotesk', sans-serif;
  --base-font-size: 15px;
  --base-line-height: 1.7;
  --heading-h1-font-size: 2em;
  --heading-h2-font-size: 1.4em;
  --heading-h2-margin: 2.5em 0 0.8em;

  /* Sidebar */
  --sidebar-width: 260px;
  --sidebar-name-font-family: 'Space Grotesk', sans-serif;
  --sidebar-name-font-weight: 700;
  --sidebar-name-font-size: 1.4em;
  --sidebar-nav-link-font-weight: 500;

  /* Cover */
  --cover-background-color: #0a0a0b;

  /* Notices / tips */
  --notice-tip-border-color: #14f195;
  --notice-important-border-color: #FF4545;

  /* Copy code button */
  --copycode-background: rgba(255, 255, 255, 0.06);
  --copycode-color: rgba(255, 255, 255, 0.60);
}

/* Sidebar name styling */
.sidebar .app-name-link {
  letter-spacing: -0.04em;
  display: flex;
  align-items: center;
  padding-left: 0;
  margin-left: 0;
}

.app-name {
  padding-left: 0;
  margin-left: 0;
}

/* Section headers in sidebar */
.sidebar-nav > ul > li > strong {
  display: block;
  padding: 8px 0 4px;
  font-size: 0.75em;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

/* Active link indicator */
.sidebar-nav li.active > a {
  border-right: 2px solid #14f195;
}

/* Table styling */
table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9em;
}

table th {
  text-align: left;
  font-weight: 600;
  font-size: 0.85em;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

table td,
table th {
  padding: 10px 14px;
}

table code {
  font-size: 0.9em;
}

/* HTTP method badges */
code[class*="method-"] {
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 3px;
  font-size: 0.8em;
}

/* Blockquote as note */
blockquote {
  border-left: 3px solid rgba(20, 241, 149, 0.40);
  background: rgba(20, 241, 149, 0.04);
  padding: 12px 16px;
  border-radius: 0 6px 6px 0;
  color: rgba(255, 255, 255, 0.70);
}

blockquote p {
  margin: 0;
}

/* Scrollbar */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.10);
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.20);
}

/* Headings letter spacing */
h1, h2, h3 {
  letter-spacing: -0.02em;
}

/* HR styling */
hr {
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  margin: 2em 0;
}

/* Force dark on all content areas */
.markdown-section,
.content,
.sidebar,
.sidebar-nav,
main {
  background-color: #0a0a0b !important;
  color: rgba(255, 255, 255, 0.87);
}

.markdown-section h1,
.markdown-section h2,
.markdown-section h3,
.markdown-section h4 {
  color: rgba(255, 255, 255, 0.87);
}

.markdown-section p,
.markdown-section li {
  color: rgba(255, 255, 255, 0.70);
}

.markdown-section a {
  color: #14f195;
}

.markdown-section table td {
  color: rgba(255, 255, 255, 0.70);
}

.markdown-section code {
  color: #e8e6e1;
  background: rgba(255, 255, 255, 0.06);
}

.markdown-section pre {
  background: #111113 !important;
}

.markdown-section pre code {
  background: transparent;
}