:root {
  --sidebar-target-width: 300px;
  --sidebar-width: min(var(--sidebar-target-width), 80vw);
  --sidebar-resize-indicator-width: 8px;
  --sidebar-resize-indicator-space: 2px;
  --page-padding: 15px;
  --content-max-width: 750px;
  --menu-bar-height: 50px;
  --mono-font: 'Source Code Pro', Consolas, 'Ubuntu Mono', Menlo, 'DejaVu Sans Mono', monospace, monospace;
  --code-font-size: 0.875em; /* please adjust the ace font size accordingly in editor.js */

  --bg: oklch(18% 0.019 237.69);
  --fg: #c5c5c5;

  --sidebar-bg: oklch(20% 0.019 237.69);
  --sidebar-fg: #c8c9db;
  --sidebar-non-existant: #5c6773;
  --sidebar-active: #06d5b3;
  --sidebar-spacer: #2d334f;

  --scrollbar: var(--sidebar-fg);

  --icons: #737480;
  --icons-hover: #b7b9cc;

  --links: oklch(85.56% 0.085 144.778);

  --inline-code-color: oklch(85.559% 0.085 206.015);

  --theme-popup-bg: oklch(20% 0.019 237.69);
  --theme-popup-border: #5c6773;
  --theme-hover: #191f26;

  --quote-bg: hsl(226, 15%, 17%);
  --quote-border: hsl(226, 15%, 22%);

  --warning-border: oklch(85.569% 0.084 74.427);

  --table-border-color: hsl(210, 25%, 13%);
  --table-header-bg: hsl(210, 25%, 28%);
  --table-alternate-bg: hsl(210, 25%, 11%);

  --searchbar-border-color: #848484;
  --searchbar-bg: oklch(22% 0.019 237.69);
  --searchbar-fg: #fff;
  --searchbar-shadow-color: #d4c89f;
  --searchresults-header-fg: #666;
  --searchresults-border-color: #888;
  --searchresults-li-bg: #252932;
  --search-mark-bg: #e3b171;

  --color-scheme: dark;

  /* Same as `--icons` */
  --copy-button-filter: invert(45%) sepia(6%) saturate(621%) hue-rotate(198deg) brightness(99%) contrast(85%);
  /* Same as `--sidebar-active` */
  --copy-button-filter-hover: invert(68%) sepia(55%) saturate(531%) hue-rotate(341deg) brightness(104%) contrast(101%);

  --footnote-highlight: #2668a6;

  --overlay-bg: rgba(33, 40, 48, 0.4);
}