:root {
  --padding: .5rem;

  --font-size-small: .75rem;
  --font-size-normal: 1.000rem;
  /* --font-size-medium: 1.125rem; */
  --font-size-large: 1.5rem;

  --max-width: 1240px;
  --min-width: 400px;

  --border-radius: 8px;

  --color-accent: #fb8eff;
  --color-default: rgba(0, 0, 40, 0.85);
  --color-default-bg: white;
  --color-heavy: black;
  --color-home-buttons: black;
  --color-header-bg: rgba(255, 255, 255, 0.6);
  --color-nav-bg: white;
  --color-nav-border-color: rgba(0, 0, 0, 0.1);
  --color-anchor: rgba(0, 0, 0, 0.6);
  --color-nav-anchor: rgba(0, 0, 0, 1.0);
  /* --color-anchor-active: rgb(40, 87, 164); */
  --color-anchor-active: #fb8eff;
  --color-anchor-active-heavy: #fa61ff;
  --color-button-border-active: var(--color-anchor-active);
  --color-button-background-hover: #fef5ff;
  --color-button-background-active: #fde8ff;
  --color-anchor-active-midway: blue;
  --color-anchor-active-bg: rgba(0, 0, 0, 0.05);
  --color-home-h1: #031b29;
  --color-h1: var(--color-default);
  --color-h2: var(--color-default);
  --color-h3: var(--color-default);
  --color-h4: rgba(0, 0, 0, 0.6);
  --color-code-editor-output: rgba(0, 0, 0, 0.1);
  --color-code-editor-border-color: rgba(0, 0, 0, 0.1);
  --color-page-bg: white;
  --color-inline-code: red;
}

[data-theme='dark'] {
  --color-accent: #fb8eff;
  --color-default: rgb(227, 227, 227);
  --color-default-bg: #152539;
  color-scheme: dark;
  --color-inline-code: #ff5e5e;
  --color-heavy: white;
  --color-home-buttons: black;
  --color-home-h1: #cfedff;
  --color-header-bg: #011627;
  --color-nav-anchor: #e3e3e3;
  --color-anchor: rgba(255, 255, 255, 0.6);
  --color-anchor-active: #8ea5ff;
  --color-anchor-active-bg: rgba(255, 255, 255, 0.05);
  --color-h4: rgba(255, 255, 255, 0.6);
  --color-code-editor-output: rgba(255, 255, 255, 0.1);
  --color-code-editor-output: #151718;
  --color-code-editor-border-color: rgba(255, 255, 255, 0.1);
  --color-code-editor-border-color: #2f3a49;

  --color-nav-bg: #152539;
  --color-nav-border-color: rgba(255, 255, 255, 0.1);
  --color-page-bg: #152539;

  --color-prettylights-syntax-comment: #8b949e;
  --color-prettylights-syntax-constant: #79c0ff;
  --color-prettylights-syntax-entity: #d2a8ff;
  --color-prettylights-syntax-storage-modifier-import: #c9d1d9;
  --color-prettylights-syntax-entity-tag: #7ee787;
  --color-prettylights-syntax-keyword: #ff7b72;
  --color-prettylights-syntax-string: #a5d6ff;
  --color-prettylights-syntax-variable: #ffa657;
  --color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
  --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
  --color-prettylights-syntax-invalid-illegal-bg: #8e1519;
  --color-prettylights-syntax-carriage-return-text: #f0f6fc;
  --color-prettylights-syntax-carriage-return-bg: #b62324;
  --color-prettylights-syntax-string-regexp: #7ee787;
  --color-prettylights-syntax-markup-list: #f2cc60;
  --color-prettylights-syntax-markup-heading: #1f6feb;
  --color-prettylights-syntax-markup-italic: #c9d1d9;
  --color-prettylights-syntax-markup-bold: #c9d1d9;
  --color-prettylights-syntax-markup-deleted-text: #ffdcd7;
  --color-prettylights-syntax-markup-deleted-bg: #67060c;
  --color-prettylights-syntax-markup-inserted-text: #aff5b4;
  --color-prettylights-syntax-markup-inserted-bg: #033a16;
  --color-prettylights-syntax-markup-changed-text: #ffdfb6;
  --color-prettylights-syntax-markup-changed-bg: #5a1e02;
  --color-prettylights-syntax-markup-ignored-text: #c9d1d9;
  --color-prettylights-syntax-markup-ignored-bg: #1158c7;
  --color-prettylights-syntax-meta-diff-range: #d2a8ff;
  --color-prettylights-syntax-brackethighlighter-angle: #8b949e;
  --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
  --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
  --color-fg-default: #e6edf3;
  --color-fg-muted: #848d97;
  --color-fg-subtle: #6e7681;
  --color-canvas-default: #0d1117;
  --color-canvas-subtle: #161b22;
  --color-border-default: #30363d;
  --color-border-muted: #21262d;
  --color-neutral-muted: rgba(110, 118, 129, 0.4);
  --color-accent-fg: #2f81f7;
  --color-accent-emphasis: #1f6feb;
  --color-success-fg: #3fb950;
  --color-success-emphasis: #238636;
  --color-attention-fg: #d29922;
  --color-attention-emphasis: #9e6a03;
  --color-attention-subtle: rgba(187, 128, 9, 0.15);
  --color-danger-fg: #f85149;
  --color-danger-emphasis: #da3633;
  --color-done-fg: #a371f7;
  --color-done-emphasis: #8957e5;
}