:root {
  --background: #fcfbfa;
  --background-rgb: 252, 251, 250;
  --content-secondary: #6b6560;
  --toc-default: #3d3d3a;
  --content-primary: #141413;
  /* --content-primary: #141413;
  --content-secondary: rgb(117, 117, 117);
  --background: #f0efea; */
  --code-background: #f0eeea;
  --code-border: #c0bcb2;
  --sidebar-backdrop-color: rgba(40, 36, 32, 0.3);
  --search-result-background: rgba(240, 239, 234, 0.65);
  --search-result-border: rgba(105, 99, 90, 0.35);
  --search-result-border-hover: rgba(105, 99, 90, 0.5);
  --search-result-highlight: rgba(231, 225, 212, 0.95);

  /* --code-background: rgb(249, 249, 249); */
  /* --code-border: rgb(229, 229, 229); */
  --bg: var(--bg0);
  --bg0: var(--background);
  --bg0_h: #1d2021;
  --bg0_s: #32302f;
  --bg1: #3c3836;
  --bg2: #504945;
  --bg3: #665c54;
  --bg4: #7c6f64;
  --fg: var(--fg1);
  --fg0: var(--content-secondary);
  --fg1: #ebdbb2;
  --fg2: #d5c4a1;
  --fg3: #bdae93;
  --fg4: #a89984;
  --gray1: var(--fg4);
  --gray2: #928374;
  --red1: #cc241d;
  --red2: #fb4934;
  --green1: #98971a;
  --green2: #b8bb26;
  --yellow1: #d79921;
  --yellow2: #fabd2f;
  --blue1: #458588;
  --blue2: #83a598;
  --purple1: #b16286;
  --purple2: #d3869b;
  --aqua1: #689d6a;
  --aqua2: #8ec07c;
  --orange1: #d65d0e;
  --orange2: #fe8019;
}

.dark {
  --content-primary: #f0efea;
  --content-secondary: rgb(140, 140, 140);
  --background: #141413;
  --background-rgb: 20, 20, 19;
  --toc-default: #808080;
  --code-background: rgb(30, 30, 30);
  --code-border: rgb(50, 50, 50);
  --sidebar-backdrop-color: rgba(0, 0, 0, 0.5);
  --search-result-background: rgba(20, 20, 19, 0.6);
  --search-result-border: rgba(200, 200, 200, 0.18);
  --search-result-border-hover: rgba(200, 200, 200, 0.28);
  --search-result-highlight: rgba(70, 66, 61, 0.85);
}