:root[data-theme="dark"] body,
:root[data-theme="dark"] .markdown-body {
  color-scheme: dark;
  --focus-outlineColor: #1f6feb;
  --fgColor-default: #e6edf3;
  --fgColor-muted: #8d96a0;
  --fgColor-accent: #4493f8;
  --fgColor-success: #3fb950;
  --fgColor-attention: #d29922;
  --fgColor-danger: #f85149;
  --fgColor-done: #ab7df8;
  --bgColor-default: #0d1117;
  --bgColor-muted: #161b22;
  --bgColor-neutral-muted: #6e768166;
  --bgColor-attention-muted: #bb800926;
  --borderColor-default: #30363d;
  --borderColor-muted: #30363db3;
  --borderColor-neutral-muted: #6e768166;
  --borderColor-accent-emphasis: #1f6feb;
  --borderColor-success-emphasis: #238636;
  --borderColor-attention-emphasis: #9e6a03;
  --borderColor-danger-emphasis: #da3633;
  --borderColor-done-emphasis: #8957e5;
  --color-prettylights-syntax-comment: #8b949e;
  --color-prettylights-syntax-keyword: #ff7b72;
  --color-prettylights-syntax-entity: #d2a8ff;
  --color-prettylights-syntax-string: #a5d6ff;
  --color-prettylights-syntax-constant: #79c0ff;
  --color-prettylights-syntax-variable: #ffa657;
  --color-prettylights-syntax-entity-tag: #7ee787;
}

:root[data-theme="light"] body,
:root[data-theme="light"] .markdown-body {
  color-scheme: light;
  --focus-outlineColor: #0969da;
  --fgColor-default: #1f2328;
  --fgColor-muted: #636c76;
  --fgColor-accent: #0969da;
  --fgColor-success: #1a7f37;
  --fgColor-attention: #9a6700;
  --fgColor-danger: #d1242f;
  --fgColor-done: #8250df;
  --bgColor-default: #ffffff;
  --bgColor-muted: #f6f8fa;
  --bgColor-neutral-muted: #afb8c133;
  --bgColor-attention-muted: #fff8c5;
  --borderColor-default: #d0d7de;
  --borderColor-muted: #d0d7deb3;
  --borderColor-neutral-muted: #afb8c133;
  --borderColor-accent-emphasis: #0969da;
  --borderColor-success-emphasis: #1a7f37;
  --borderColor-attention-emphasis: #bf8700;
  --borderColor-danger-emphasis: #cf222e;
  --borderColor-done-emphasis: #8250df;
  --color-prettylights-syntax-comment: #6e7781;
  --color-prettylights-syntax-keyword: #cf222e;
  --color-prettylights-syntax-entity: #8250df;
  --color-prettylights-syntax-string: #0a3069;
  --color-prettylights-syntax-constant: #0550ae;
  --color-prettylights-syntax-variable: #953800;
  --color-prettylights-syntax-entity-tag: #116329;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica,
    Arial, sans-serif;
  background: var(--bgColor-default, #ffffff);
}

html {
  scroll-padding-top: 16px;
}

:root[data-theme="dark"] body {
  background: var(--bgColor-default, #0d1117);
}
