:root {
  /* Theme */
  --background-color: var(--gray-10);
  --navbar-background-color: var(--gray-10);
  --card-background-color: var(--gray-9);

  --font-color-heading: white;
  --font-color-heading3: white;
  --font-color-base: var(--gray-4);
  --font-color-muted: var(--gray-5);
  --font-color-extra-muted: var(--gray-6);
  --font-color-bright: white;
  --font-color-hero-description: var(--gray-4);

  --border-color: var(--gray-7);
  --border-color-hover: var(--gray-6);

  --button-border-color-hover: var(--gray-5);
  --button-border-color: var(--gray-65);
  --button-background-color: var(--gray-8);

  --post-time-color: var(--gray-5);
  --link: var(--primary-color);
  --link-color-hover: #222;
  --post-color-hover: white;
  --blockquote-border-color: var(--primary-color);
  --blockquote-background: rgba(124, 145, 252, 0.1);
  --file-background: #222;
  --inline-code-background-color: rgba(255, 255, 255, 0.1);
  --highlight-color: var(--primary-color);
  --navbar: var(--gray-9);
  --navbar-background-hover: var(--gray-8);
  --navbar-border: var(--gray-7);
  --navbar-color: var(--gray-4);
  --navbar-color-hover: white;
  --category-link: #ffeea6;

  --scrollbar-color: var(--gray-65);
  --scrollbar-track: var(--gray-7);

  --code-font-color: #b3b9c5;
  --code-background-color: #202020;
  --code-border-color: var(--gray-65);
  --terminal-background-color: #111;
  --terminal-color: white;
  --terminal-bar: -webkit-linear-gradient(top, #282828, #222);
  --terminal-border: var(--border-color);
  --terminal-accent: var(--gray-6);
  --string: #92d192;
  --variable: #a586fb;
  --property: #b3b9c5;
  --number: #fca369;
  --operator: #ac8d58;
  --punctuation: #c7cdd7;
  --comment: #777c85;
  --function: #76d4d6;
  --keyword: #ffeea6;
  --attribute: #ffd479;
  --class: #6ab0f3;
  --tag: #6ab0f3;
  --error: #f2777a;
  --code-link-hover: var(--link-color-hover);
  --highlight-code-color: rgb(116, 207, 136, 0.1);
}