/*
 * github-markdown-themes.css
 *
 * Populates CSS custom properties for each GitHub theme.
 * Use with github-markdown-base.css which consumes these variables.
 *
 * Apply a theme by adding a data-theme attribute:
 *   <div class="markdown-body" data-theme="dark">
 *
 * Available themes:
 *   light, dark, dark-dimmed, dark-high-contrast,
 *   dark-colorblind, light-colorblind, kanagawa-dragon, ayu-dark,
 *   ayu-light, everforest-dark, gruvbox-dark-soft, catppuccin-mocha,
 *   github-dark
 */

/* ==========================================================================
 * Light (default)
 * ========================================================================== */

[data-theme="light"] {
  color-scheme: light;
  --color-fg-default: #1f2328;
  --color-fg-muted: #59636e;
  --color-fg-accent: #0969da;
  --color-fg-success: #1a7f37;
  --color-fg-attention: #9a6700;
  --color-fg-danger: #d1242f;
  --color-fg-done: #8250df;
  --color-bg-default: #ffffff;
  --color-bg-muted: #f6f8fa;
  --color-bg-neutral-muted: #818b981f;
  --color-bg-attention-muted: #fff8c5;
  --color-border-default: #d1d9e0;
  --color-border-muted: #d1d9e0b3;
  --color-border-accent: #0969da;
  --color-border-success: #1a7f37;
  --color-border-attention: #9a6700;
  --color-border-danger: #cf222e;
  --color-border-done: #8250df;
  --color-syntax-comment: #59636e;
  --color-syntax-constant: #0550ae;
  --color-syntax-entity: #6639ba;
  --color-syntax-entity-tag: #0550ae;
  --color-syntax-keyword: #cf222e;
  --color-syntax-string: #0a3069;
  --color-syntax-variable: #953800;
  --color-syntax-string-regexp: #116329;
  --color-syntax-markup-heading: #0550ae;
  --color-syntax-markup-bold: #1f2328;
  --color-syntax-markup-italic: #1f2328;
  --color-syntax-markup-list: #3b2300;
  --color-syntax-markup-inserted-text: #116329;
  --color-syntax-markup-inserted-bg: #dafbe1;
  --color-syntax-markup-deleted-text: #82071e;
  --color-syntax-markup-deleted-bg: #ffebe9;
  --color-syntax-markup-changed-text: #953800;
  --color-syntax-markup-changed-bg: #ffd8b5;
  --color-syntax-markup-ignored-text: #d1d9e0;
  --color-syntax-markup-ignored-bg: #0550ae;
  --color-syntax-meta-diff-range: #8250df;
  --color-syntax-brackethighlighter-angle: #59636e;
  --color-syntax-brackethighlighter-unmatched: #82071e;
  --color-syntax-carriage-return-text: #f6f8fa;
  --color-syntax-carriage-return-bg: #cf222e;
  --color-syntax-storage-modifier-import: #1f2328;
  --color-syntax-constant-other-reference-link: #0a3069;
  --color-syntax-sublimelinter-gutter-mark: #818b98;
  --color-alert-note-border: #0969da;
  --color-alert-note-fg: #0969da;
  --color-alert-important-border: #8250df;
  --color-alert-important-fg: #8250df;
  --color-alert-warning-border: #9a6700;
  --color-alert-warning-fg: #9a6700;
  --color-alert-tip-border: #1a7f37;
  --color-alert-tip-fg: #1a7f37;
  --color-alert-caution-border: #cf222e;
  --color-alert-caution-fg: #d1242f;
}

/* ==========================================================================
 * Dark
 * ========================================================================== */

[data-theme="dark"] {
  color-scheme: dark;
  --color-fg-default: #f0f6fc;
  --color-fg-muted: #9198a1;
  --color-fg-accent: #4493f8;
  --color-fg-success: #3fb950;
  --color-fg-attention: #d29922;
  --color-fg-danger: #f85149;
  --color-fg-done: #ab7df8;
  --color-bg-default: #0d1117;
  --color-bg-muted: #151b23;
  --color-bg-neutral-muted: #656c7633;
  --color-bg-attention-muted: #bb800926;
  --color-border-default: #3d444d;
  --color-border-muted: #3d444db3;
  --color-border-accent: #1f6feb;
  --color-border-success: #238636;
  --color-border-attention: #9e6a03;
  --color-border-danger: #da3633;
  --color-border-done: #8957e5;
  --color-syntax-comment: #9198a1;
  --color-syntax-constant: #79c0ff;
  --color-syntax-entity: #d2a8ff;
  --color-syntax-entity-tag: #7ee787;
  --color-syntax-keyword: #ff7b72;
  --color-syntax-string: #a5d6ff;
  --color-syntax-variable: #ffa657;
  --color-syntax-string-regexp: #7ee787;
  --color-syntax-markup-heading: #1f6feb;
  --color-syntax-markup-bold: #f0f6fc;
  --color-syntax-markup-italic: #f0f6fc;
  --color-syntax-markup-list: #f2cc60;
  --color-syntax-markup-inserted-text: #aff5b4;
  --color-syntax-markup-inserted-bg: #033a16;
  --color-syntax-markup-deleted-text: #ffdcd7;
  --color-syntax-markup-deleted-bg: #67060c;
  --color-syntax-markup-changed-text: #ffdfb6;
  --color-syntax-markup-changed-bg: #5a1e02;
  --color-syntax-markup-ignored-text: #f0f6fc;
  --color-syntax-markup-ignored-bg: #1158c7;
  --color-syntax-meta-diff-range: #d2a8ff;
  --color-syntax-brackethighlighter-angle: #9198a1;
  --color-syntax-brackethighlighter-unmatched: #f85149;
  --color-syntax-carriage-return-text: #f0f6fc;
  --color-syntax-carriage-return-bg: #b62324;
  --color-syntax-storage-modifier-import: #f0f6fc;
  --color-syntax-constant-other-reference-link: #a5d6ff;
  --color-syntax-sublimelinter-gutter-mark: #3d444d;
  --color-alert-note-border: #1f6feb;
  --color-alert-note-fg: #4493f8;
  --color-alert-important-border: #8957e5;
  --color-alert-important-fg: #ab7df8;
  --color-alert-warning-border: #9e6a03;
  --color-alert-warning-fg: #d29922;
  --color-alert-tip-border: #238636;
  --color-alert-tip-fg: #3fb950;
  --color-alert-caution-border: #da3633;
  --color-alert-caution-fg: #f85149;
}

/* ==========================================================================
 * Dark Dimmed
 * ========================================================================== */

[data-theme="dark-dimmed"] {
  color-scheme: dark;
  --color-fg-default: #f0f6fc;
  --color-fg-muted: #9198a1;
  --color-fg-accent: #478be6;
  --color-fg-success: #57ab5a;
  --color-fg-attention: #c69026;
  --color-fg-danger: #e5534b;
  --color-fg-done: #986ee2;
  --color-bg-default: #212830;
  --color-bg-muted: #262c36;
  --color-bg-neutral-muted: #656c7633;
  --color-bg-attention-muted: #ae7c1426;
  --color-border-default: #3d444d;
  --color-border-muted: #3d444db3;
  --color-border-accent: #316dca;
  --color-border-success: #347d39;
  --color-border-attention: #966600;
  --color-border-danger: #c93c37;
  --color-border-done: #8256d0;
  --color-syntax-comment: #9198a1;
  --color-syntax-constant: #6cb6ff;
  --color-syntax-entity: #dcbdfb;
  --color-syntax-entity-tag: #8ddb8c;
  --color-syntax-keyword: #f47067;
  --color-syntax-string: #96d0ff;
  --color-syntax-variable: #f69d50;
  --color-syntax-string-regexp: #8ddb8c;
  --color-syntax-markup-heading: #316dca;
  --color-syntax-markup-bold: #f0f6fc;
  --color-syntax-markup-italic: #f0f6fc;
  --color-syntax-markup-list: #eac55f;
  --color-syntax-markup-inserted-text: #b4f1b4;
  --color-syntax-markup-inserted-bg: #1b4721;
  --color-syntax-markup-deleted-text: #ffd8d3;
  --color-syntax-markup-deleted-bg: #78191b;
  --color-syntax-markup-changed-text: #ffddb0;
  --color-syntax-markup-changed-bg: #682d0f;
  --color-syntax-markup-ignored-text: #f0f6fc;
  --color-syntax-markup-ignored-bg: #255ab2;
  --color-syntax-meta-diff-range: #dcbdfb;
  --color-syntax-brackethighlighter-angle: #9198a1;
  --color-syntax-brackethighlighter-unmatched: #e5534b;
  --color-syntax-carriage-return-text: #f0f6fc;
  --color-syntax-carriage-return-bg: #ad2e2c;
  --color-syntax-storage-modifier-import: #f0f6fc;
  --color-syntax-constant-other-reference-link: #96d0ff;
  --color-syntax-sublimelinter-gutter-mark: #3d444d;
  --color-alert-note-border: #316dca;
  --color-alert-note-fg: #478be6;
  --color-alert-important-border: #8256d0;
  --color-alert-important-fg: #986ee2;
  --color-alert-warning-border: #966600;
  --color-alert-warning-fg: #c69026;
  --color-alert-tip-border: #347d39;
  --color-alert-tip-fg: #57ab5a;
  --color-alert-caution-border: #c93c37;
  --color-alert-caution-fg: #e5534b;
}

/* ==========================================================================
 * Dark High Contrast
 * ========================================================================== */

[data-theme="dark-high-contrast"] {
  color-scheme: dark;
  --color-fg-default: #ffffff;
  --color-fg-muted: #b7bdc8;
  --color-fg-accent: #74b9ff;
  --color-fg-success: #2bd853;
  --color-fg-attention: #f0b72f;
  --color-fg-danger: #ff9492;
  --color-fg-done: #d3abff;
  --color-bg-default: #010409;
  --color-bg-muted: #151b23;
  --color-bg-neutral-muted: #212830;
  --color-bg-attention-muted: #edaa2726;
  --color-border-default: #b7bdc8;
  --color-border-muted: #b7bdc8;
  --color-border-accent: #409eff;
  --color-border-success: #09b43a;
  --color-border-attention: #e09b13;
  --color-border-danger: #ff6a69;
  --color-border-done: #b87fff;
  --color-syntax-comment: #9198a1;
  --color-syntax-constant: #91cbff;
  --color-syntax-entity: #dbb7ff;
  --color-syntax-entity-tag: #72f088;
  --color-syntax-keyword: #ff9492;
  --color-syntax-string: #addcff;
  --color-syntax-variable: #ffb757;
  --color-syntax-string-regexp: #72f088;
  --color-syntax-markup-heading: #409eff;
  --color-syntax-markup-bold: #f0f6fc;
  --color-syntax-markup-italic: #f0f6fc;
  --color-syntax-markup-list: #fbd669;
  --color-syntax-markup-inserted-text: #acf7b6;
  --color-syntax-markup-inserted-bg: #007728;
  --color-syntax-markup-deleted-text: #ffdedb;
  --color-syntax-markup-deleted-bg: #cc1421;
  --color-syntax-markup-changed-text: #ffe1b4;
  --color-syntax-markup-changed-bg: #a74c00;
  --color-syntax-markup-ignored-text: #f0f6fc;
  --color-syntax-markup-ignored-bg: #318bf8;
  --color-syntax-meta-diff-range: #dbb7ff;
  --color-syntax-brackethighlighter-angle: #9198a1;
  --color-syntax-brackethighlighter-unmatched: #ff8080;
  --color-syntax-carriage-return-text: #f0f6fc;
  --color-syntax-carriage-return-bg: #ff4445;
  --color-syntax-storage-modifier-import: #f0f6fc;
  --color-syntax-constant-other-reference-link: #addcff;
  --color-syntax-sublimelinter-gutter-mark: #3d444d;
  --color-alert-note-border: #409eff;
  --color-alert-note-fg: #74b9ff;
  --color-alert-important-border: #b87fff;
  --color-alert-important-fg: #d3abff;
  --color-alert-warning-border: #e09b13;
  --color-alert-warning-fg: #f0b72f;
  --color-alert-tip-border: #09b43a;
  --color-alert-tip-fg: #2bd853;
  --color-alert-caution-border: #ff6a69;
  --color-alert-caution-fg: #ff9492;
}

/* ==========================================================================
 * Dark Colorblind
 * ========================================================================== */

[data-theme="dark-colorblind"] {
  color-scheme: dark;
  --color-fg-default: #f0f6fc;
  --color-fg-muted: #9198a1;
  --color-fg-accent: #4493f8;
  --color-fg-success: #58a6ff;
  --color-fg-attention: #d29922;
  --color-fg-danger: #f0883e;
  --color-fg-done: #ab7df8;
  --color-bg-default: #0d1117;
  --color-bg-muted: #151b23;
  --color-bg-neutral-muted: #656c7633;
  --color-bg-attention-muted: #bb800926;
  --color-border-default: #3d444d;
  --color-border-muted: #3d444db3;
  --color-border-accent: #1f6feb;
  --color-border-success: #1f6feb;
  --color-border-attention: #9e6a03;
  --color-border-danger: #bd561d;
  --color-border-done: #8957e5;
  --color-syntax-comment: #9198a1;
  --color-syntax-constant: #79c0ff;
  --color-syntax-entity: #d2a8ff;
  --color-syntax-entity-tag: #a5d6ff;
  --color-syntax-keyword: #f0883e;
  --color-syntax-string: #a5d6ff;
  --color-syntax-variable: #ffa657;
  --color-syntax-string-regexp: #a5d6ff;
  --color-syntax-markup-heading: #1f6feb;
  --color-syntax-markup-bold: #f0f6fc;
  --color-syntax-markup-italic: #f0f6fc;
  --color-syntax-markup-list: #f2cc60;
  --color-syntax-markup-inserted-text: #cae8ff;
  --color-syntax-markup-inserted-bg: #0c2d6b;
  --color-syntax-markup-deleted-text: #ffdfb6;
  --color-syntax-markup-deleted-bg: #5a1e02;
  --color-syntax-markup-changed-text: #ffdfb6;
  --color-syntax-markup-changed-bg: #5a1e02;
  --color-syntax-markup-ignored-text: #f0f6fc;
  --color-syntax-markup-ignored-bg: #1158c7;
  --color-syntax-meta-diff-range: #d2a8ff;
  --color-syntax-brackethighlighter-angle: #9198a1;
  --color-syntax-brackethighlighter-unmatched: #db6d28;
  --color-syntax-carriage-return-text: #f0f6fc;
  --color-syntax-carriage-return-bg: #9b4215;
  --color-syntax-storage-modifier-import: #f0f6fc;
  --color-syntax-constant-other-reference-link: #a5d6ff;
  --color-syntax-sublimelinter-gutter-mark: #3d444d;
  --color-alert-note-border: #1f6feb;
  --color-alert-note-fg: #4493f8;
  --color-alert-important-border: #8957e5;
  --color-alert-important-fg: #ab7df8;
  --color-alert-warning-border: #9e6a03;
  --color-alert-warning-fg: #d29922;
  --color-alert-tip-border: #1f6feb;
  --color-alert-tip-fg: #58a6ff;
  --color-alert-caution-border: #bd561d;
  --color-alert-caution-fg: #f0883e;
}

/* ==========================================================================
 * Light Colorblind
 * ========================================================================== */

[data-theme="light-colorblind"] {
  color-scheme: light;
  --color-fg-default: #1f2328;
  --color-fg-muted: #59636e;
  --color-fg-accent: #0969da;
  --color-fg-success: #0969da;
  --color-fg-attention: #9a6700;
  --color-fg-danger: #bc4c00;
  --color-fg-done: #8250df;
  --color-bg-default: #ffffff;
  --color-bg-muted: #f6f8fa;
  --color-bg-neutral-muted: #818b981f;
  --color-bg-attention-muted: #fff8c5;
  --color-border-default: #d1d9e0;
  --color-border-muted: #d1d9e0b3;
  --color-border-accent: #0969da;
  --color-border-success: #0969da;
  --color-border-attention: #9a6700;
  --color-border-danger: #bc4c00;
  --color-border-done: #8250df;
  --color-syntax-comment: #59636e;
  --color-syntax-constant: #0550ae;
  --color-syntax-entity: #6639ba;
  --color-syntax-entity-tag: #0550ae;
  --color-syntax-keyword: #bc4c00;
  --color-syntax-string: #0a3069;
  --color-syntax-variable: #953800;
  --color-syntax-string-regexp: #0550ae;
  --color-syntax-markup-heading: #0550ae;
  --color-syntax-markup-bold: #1f2328;
  --color-syntax-markup-italic: #1f2328;
  --color-syntax-markup-list: #3b2300;
  --color-syntax-markup-inserted-text: #0550ae;
  --color-syntax-markup-inserted-bg: #ddf4ff;
  --color-syntax-markup-deleted-text: #762c00;
  --color-syntax-markup-deleted-bg: #fff1e5;
  --color-syntax-markup-changed-text: #953800;
  --color-syntax-markup-changed-bg: #ffd8b5;
  --color-syntax-markup-ignored-text: #d1d9e0;
  --color-syntax-markup-ignored-bg: #0550ae;
  --color-syntax-meta-diff-range: #8250df;
  --color-syntax-brackethighlighter-angle: #59636e;
  --color-syntax-brackethighlighter-unmatched: #762c00;
  --color-syntax-carriage-return-text: #f6f8fa;
  --color-syntax-carriage-return-bg: #bc4c00;
  --color-syntax-storage-modifier-import: #1f2328;
  --color-syntax-constant-other-reference-link: #0a3069;
  --color-syntax-sublimelinter-gutter-mark: #818b98;
  --color-alert-note-border: #0969da;
  --color-alert-note-fg: #0969da;
  --color-alert-important-border: #8250df;
  --color-alert-important-fg: #8250df;
  --color-alert-warning-border: #9a6700;
  --color-alert-warning-fg: #9a6700;
  --color-alert-tip-border: #0969da;
  --color-alert-tip-fg: #0969da;
  --color-alert-caution-border: #bc4c00;
  --color-alert-caution-fg: #bc4c00;
}

/* ==========================================================================
 * Kanagawa Dragon
 * Inspired by the Kanagawa Dragon VS Code theme.
 * ========================================================================== */

[data-theme="kanagawa-dragon"] {
  color-scheme: dark;

  /* Foreground */
  --color-fg-default: #C5C9C5;
  --color-fg-muted: #737C73;
  --color-fg-accent: #8BA4B0;
  --color-fg-success: #8A9A7B;
  --color-fg-attention: #C4B28A;
  --color-fg-danger: #C4746E;
  --color-fg-done: #A292A3;

  /* Background */
  --color-bg-default: #181616;
  --color-bg-muted: #282727;
  --color-bg-neutral-muted: #39383633;
  --color-bg-attention-muted: #C4B28A1a;

  /* Borders */
  --color-border-default: #393836;
  --color-border-muted: #393836b3;
  --color-border-accent: #658594;
  --color-border-success: #76946A;
  --color-border-attention: #DCA561;
  --color-border-danger: #C34043;
  --color-border-done: #A292A3;

  /* Syntax — prettylights */
  --color-syntax-comment: #737C73;
  --color-syntax-constant: #B6927B;
  --color-syntax-entity: #A292A3;
  --color-syntax-entity-tag: #C4B28A;
  --color-syntax-keyword: #8992A7;
  --color-syntax-string: #8A9A7B;
  --color-syntax-variable: #C4B28A;
  --color-syntax-string-regexp: #B98D7B;
  --color-syntax-markup-heading: #8BA4B0;
  --color-syntax-markup-bold: #C5C9C5;
  --color-syntax-markup-italic: #C4746E;
  --color-syntax-markup-list: #B6927B;
  --color-syntax-markup-inserted-text: #8A9A7B;
  --color-syntax-markup-inserted-bg: #76946A26;
  --color-syntax-markup-deleted-text: #C4746E;
  --color-syntax-markup-deleted-bg: #C3404326;
  --color-syntax-markup-changed-text: #DCA561;
  --color-syntax-markup-changed-bg: #DCA56126;
  --color-syntax-markup-ignored-text: #737C73;
  --color-syntax-markup-ignored-bg: #393836;
  --color-syntax-meta-diff-range: #A292A3;
  --color-syntax-brackethighlighter-angle: #9E9B93;
  --color-syntax-brackethighlighter-unmatched: #E82424;
  --color-syntax-carriage-return-text: #C5C9C5;
  --color-syntax-carriage-return-bg: #C34043;
  --color-syntax-storage-modifier-import: #B6927B;
  --color-syntax-constant-other-reference-link: #949FB5;
  --color-syntax-sublimelinter-gutter-mark: #393836;

  /* Alerts */
  --color-alert-note-border: #658594;
  --color-alert-note-fg: #8BA4B0;
  --color-alert-important-border: #A292A3;
  --color-alert-important-fg: #A292A3;
  --color-alert-warning-border: #DCA561;
  --color-alert-warning-fg: #C4B28A;
  --color-alert-tip-border: #76946A;
  --color-alert-tip-fg: #8A9A7B;
  --color-alert-caution-border: #C34043;
  --color-alert-caution-fg: #C4746E;
}

/* ==========================================================================
 * Ayu Dark
 * Inspired by the Ayu Dark VS Code theme.
 * ========================================================================== */

[data-theme="ayu-dark"] {
  color-scheme: dark;

  /* Foreground */
  --color-fg-default: #bfbdb6;
  --color-fg-muted: #5a6378;
  --color-fg-accent: #e6b450;
  --color-fg-success: #70bf56;
  --color-fg-attention: #ffb454;
  --color-fg-danger: #d95757;
  --color-fg-done: #d2a6ff;

  /* Background */
  --color-bg-default: #0d1017;
  --color-bg-muted: #141821;
  --color-bg-neutral-muted: #5a637833;
  --color-bg-attention-muted: #e6b4501a;

  /* Borders */
  --color-border-default: #1b1f29;
  --color-border-muted: #1b1f29b3;
  --color-border-accent: #e6b450;
  --color-border-success: #70bf56;
  --color-border-attention: #ffb454;
  --color-border-danger: #f26d78;
  --color-border-done: #d2a6ff;

  /* Syntax — prettylights */
  --color-syntax-comment: #5a6673;
  --color-syntax-constant: #d2a6ff;
  --color-syntax-entity: #59c2ff;
  --color-syntax-entity-tag: #39bae6;
  --color-syntax-keyword: #ff8f40;
  --color-syntax-string: #aad94c;
  --color-syntax-variable: #f29668;
  --color-syntax-string-regexp: #95e6cb;
  --color-syntax-markup-heading: #aad94c;
  --color-syntax-markup-bold: #f07178;
  --color-syntax-markup-italic: #f07178;
  --color-syntax-markup-list: #ffb454;
  --color-syntax-markup-inserted-text: #70bf56;
  --color-syntax-markup-inserted-bg: #70bf561f;
  --color-syntax-markup-deleted-text: #f26d78;
  --color-syntax-markup-deleted-bg: #f26d781f;
  --color-syntax-markup-changed-text: #73b8ff;
  --color-syntax-markup-changed-bg: #73b8ff1f;
  --color-syntax-markup-ignored-text: #5a6378;
  --color-syntax-markup-ignored-bg: #1b1f29;
  --color-syntax-meta-diff-range: #d2a6ff;
  --color-syntax-brackethighlighter-angle: #5a6378;
  --color-syntax-brackethighlighter-unmatched: #d95757;
  --color-syntax-carriage-return-text: #bfbdb6;
  --color-syntax-carriage-return-bg: #d95757;
  --color-syntax-storage-modifier-import: #bfbdb6;
  --color-syntax-constant-other-reference-link: #95e6cb;
  --color-syntax-sublimelinter-gutter-mark: #1b1f29;

  /* Alerts */
  --color-alert-note-border: #39bae6;
  --color-alert-note-fg: #59c2ff;
  --color-alert-important-border: #d2a6ff;
  --color-alert-important-fg: #d2a6ff;
  --color-alert-warning-border: #ffb454;
  --color-alert-warning-fg: #e6b450;
  --color-alert-tip-border: #70bf56;
  --color-alert-tip-fg: #aad94c;
  --color-alert-caution-border: #f26d78;
  --color-alert-caution-fg: #d95757;
}

/* ==========================================================================
 * Ayu Light
 * Inspired by the Ayu Light VS Code theme.
 * ========================================================================== */

[data-theme="ayu-light"] {
  color-scheme: light;

  /* Foreground */
  --color-fg-default: #5c6166;
  --color-fg-muted: #828e9f;
  --color-fg-accent: #f29718;
  --color-fg-success: #6cbf43;
  --color-fg-attention: #eba400;
  --color-fg-danger: #e65050;
  --color-fg-done: #a37acc;

  /* Background */
  --color-bg-default: #fcfcfc;
  --color-bg-muted: #f8f9fa;
  --color-bg-neutral-muted: #6b7d8f1f;
  --color-bg-attention-muted: #eba4001a;

  /* Borders */
  --color-border-default: #6b7d8f1f;
  --color-border-muted: #6b7d8f24;
  --color-border-accent: #f29718;
  --color-border-success: #6cbf43;
  --color-border-attention: #eba400;
  --color-border-danger: #e65050;
  --color-border-done: #a37acc;

  /* Syntax — prettylights */
  --color-syntax-comment: #adaeb1;
  --color-syntax-constant: #a37acc;
  --color-syntax-entity: #22a4e6;
  --color-syntax-entity-tag: #55b4d4;
  --color-syntax-keyword: #fa8532;
  --color-syntax-string: #86b300;
  --color-syntax-variable: #f07171;
  --color-syntax-string-regexp: #4cbf99;
  --color-syntax-markup-heading: #86b300;
  --color-syntax-markup-bold: #f07171;
  --color-syntax-markup-italic: #f07171;
  --color-syntax-markup-list: #eba400;
  --color-syntax-markup-inserted-text: #6cbf43;
  --color-syntax-markup-inserted-bg: #6cbf431f;
  --color-syntax-markup-deleted-text: #ff7383;
  --color-syntax-markup-deleted-bg: #ff73831f;
  --color-syntax-markup-changed-text: #478acc;
  --color-syntax-markup-changed-bg: #478acc1f;
  --color-syntax-markup-ignored-text: #adaeb1;
  --color-syntax-markup-ignored-bg: #6b7d8f1f;
  --color-syntax-meta-diff-range: #a37acc;
  --color-syntax-brackethighlighter-angle: #828e9f;
  --color-syntax-brackethighlighter-unmatched: #e65050;
  --color-syntax-carriage-return-text: #fcfcfc;
  --color-syntax-carriage-return-bg: #e65050;
  --color-syntax-storage-modifier-import: #5c6166;
  --color-syntax-constant-other-reference-link: #86b300;
  --color-syntax-sublimelinter-gutter-mark: #828e9f66;

  /* Alerts */
  --color-alert-note-border: #55b4d4;
  --color-alert-note-fg: #22a4e6;
  --color-alert-important-border: #a37acc;
  --color-alert-important-fg: #a37acc;
  --color-alert-warning-border: #eba400;
  --color-alert-warning-fg: #f29718;
  --color-alert-tip-border: #6cbf43;
  --color-alert-tip-fg: #86b300;
  --color-alert-caution-border: #e65050;
  --color-alert-caution-fg: #f07171;
}

/* ==========================================================================
 * Everforest Dark
 * Inspired by the Everforest Dark VS Code theme.
 * ========================================================================== */

[data-theme="everforest-dark"] {
  color-scheme: dark;

  /* Foreground */
  --color-fg-default: #d3c6aa;
  --color-fg-muted: #859289;
  --color-fg-accent: #7fbbb3;
  --color-fg-success: #a7c080;
  --color-fg-attention: #dbbc7f;
  --color-fg-danger: #e67e80;
  --color-fg-done: #d699b6;

  /* Background */
  --color-bg-default: #2d353b;
  --color-bg-muted: #343f44;
  --color-bg-neutral-muted: #4f585e33;
  --color-bg-attention-muted: #dbbc7f1a;

  /* Borders */
  --color-border-default: #4f585e;
  --color-border-muted: #4f585eb3;
  --color-border-accent: #7fbbb3;
  --color-border-success: #a7c080;
  --color-border-attention: #dbbc7f;
  --color-border-danger: #e67e80;
  --color-border-done: #d699b6;

  /* Syntax — prettylights */
  --color-syntax-comment: #859289;
  --color-syntax-constant: #d699b6;
  --color-syntax-entity: #83c092;
  --color-syntax-entity-tag: #e69875;
  --color-syntax-keyword: #e67e80;
  --color-syntax-string: #a7c080;
  --color-syntax-variable: #e69875;
  --color-syntax-string-regexp: #dbbc7f;
  --color-syntax-markup-heading: #a7c080;
  --color-syntax-markup-bold: #d3c6aa;
  --color-syntax-markup-italic: #d3c6aa;
  --color-syntax-markup-list: #e67e80;
  --color-syntax-markup-inserted-text: #a7c080;
  --color-syntax-markup-inserted-bg: #a7c0801f;
  --color-syntax-markup-deleted-text: #e67e80;
  --color-syntax-markup-deleted-bg: #e67e801f;
  --color-syntax-markup-changed-text: #7fbbb3;
  --color-syntax-markup-changed-bg: #7fbbb31f;
  --color-syntax-markup-ignored-text: #859289;
  --color-syntax-markup-ignored-bg: #4f585e;
  --color-syntax-meta-diff-range: #d699b6;
  --color-syntax-brackethighlighter-angle: #859289;
  --color-syntax-brackethighlighter-unmatched: #e67e80;
  --color-syntax-carriage-return-text: #d3c6aa;
  --color-syntax-carriage-return-bg: #e67e80;
  --color-syntax-storage-modifier-import: #83c092;
  --color-syntax-constant-other-reference-link: #d699b6;
  --color-syntax-sublimelinter-gutter-mark: #4f585e;

  /* Alerts */
  --color-alert-note-border: #7fbbb3;
  --color-alert-note-fg: #7fbbb3;
  --color-alert-important-border: #d699b6;
  --color-alert-important-fg: #d699b6;
  --color-alert-warning-border: #dbbc7f;
  --color-alert-warning-fg: #dbbc7f;
  --color-alert-tip-border: #83c092;
  --color-alert-tip-fg: #a7c080;
  --color-alert-caution-border: #e67e80;
  --color-alert-caution-fg: #e67e80;
}

/* ==========================================================================
 * Gruvbox Dark Soft
 * Inspired by the Gruvbox Dark Soft VS Code theme.
 * ========================================================================== */

[data-theme="gruvbox-dark-soft"] {
  color-scheme: dark;

  /* Foreground */
  --color-fg-default: #ebdbb2;
  --color-fg-muted: #a89984;
  --color-fg-accent: #83a598;
  --color-fg-success: #b8bb26;
  --color-fg-attention: #fabd2f;
  --color-fg-danger: #fb4934;
  --color-fg-done: #d3869b;

  /* Background */
  --color-bg-default: #32302f;
  --color-bg-muted: #3c3836;
  --color-bg-neutral-muted: #50494540;
  --color-bg-attention-muted: #fabd2f1a;

  /* Borders */
  --color-border-default: #504945;
  --color-border-muted: #504945b3;
  --color-border-accent: #458588;
  --color-border-success: #98971a;
  --color-border-attention: #d79921;
  --color-border-danger: #cc241d;
  --color-border-done: #b16286;

  /* Syntax — prettylights */
  --color-syntax-comment: #928374;
  --color-syntax-constant: #d3869b;
  --color-syntax-entity: #8ec07c;
  --color-syntax-entity-tag: #8ec07c;
  --color-syntax-keyword: #fb4934;
  --color-syntax-string: #b8bb26;
  --color-syntax-variable: #83a598;
  --color-syntax-string-regexp: #fe8019;
  --color-syntax-markup-heading: #fe8019;
  --color-syntax-markup-bold: #fe8019;
  --color-syntax-markup-italic: #ebdbb2;
  --color-syntax-markup-list: #83a598;
  --color-syntax-markup-inserted-text: #b8bb26;
  --color-syntax-markup-inserted-bg: #b8bb261f;
  --color-syntax-markup-deleted-text: #fb4934;
  --color-syntax-markup-deleted-bg: #fb49341f;
  --color-syntax-markup-changed-text: #fe8019;
  --color-syntax-markup-changed-bg: #fe80191f;
  --color-syntax-markup-ignored-text: #928374;
  --color-syntax-markup-ignored-bg: #3c3836;
  --color-syntax-meta-diff-range: #d3869b;
  --color-syntax-brackethighlighter-angle: #928374;
  --color-syntax-brackethighlighter-unmatched: #cc241d;
  --color-syntax-carriage-return-text: #ebdbb2;
  --color-syntax-carriage-return-bg: #cc241d;
  --color-syntax-storage-modifier-import: #8ec07c;
  --color-syntax-constant-other-reference-link: #d3869b;
  --color-syntax-sublimelinter-gutter-mark: #504945;

  /* Alerts */
  --color-alert-note-border: #458588;
  --color-alert-note-fg: #83a598;
  --color-alert-important-border: #b16286;
  --color-alert-important-fg: #d3869b;
  --color-alert-warning-border: #d79921;
  --color-alert-warning-fg: #fabd2f;
  --color-alert-tip-border: #98971a;
  --color-alert-tip-fg: #b8bb26;
  --color-alert-caution-border: #cc241d;
  --color-alert-caution-fg: #fb4934;
}

/* ==========================================================================
 * Catppuccin Mocha
 * Inspired by the Catppuccin Mocha VS Code theme.
 * ========================================================================== */

[data-theme="catppuccin-mocha"] {
  color-scheme: dark;

  /* Foreground */
  --color-fg-default: #cdd6f4;          /* text */
  --color-fg-muted: #7f849c;            /* overlay1 */
  --color-fg-accent: #89b4fa;           /* blue */
  --color-fg-success: #a6e3a1;          /* green */
  --color-fg-attention: #f9e2af;        /* yellow */
  --color-fg-danger: #f38ba8;           /* red */
  --color-fg-done: #cba6f7;             /* mauve */

  /* Background */
  --color-bg-default: #1e1e2e;          /* base */
  --color-bg-muted: #181825;            /* mantle */
  --color-bg-neutral-muted: #585b7033;  /* overlay0 @ 20% */
  --color-bg-attention-muted: #f9e2af1a;/* yellow @ 10% */

  /* Borders */
  --color-border-default: #45475a;      /* surface0 */
  --color-border-muted: #45475ab3;      /* surface0 @ 70% */
  --color-border-accent: #89b4fa;       /* blue */
  --color-border-success: #a6e3a1;      /* green */
  --color-border-attention: #f9e2af;    /* yellow */
  --color-border-danger: #f38ba8;       /* red */
  --color-border-done: #cba6f7;         /* mauve */

  /* Syntax — prettylights */
  --color-syntax-comment: #7f849c;                    /* overlay1 */
  --color-syntax-constant: #fab387;                   /* peach */
  --color-syntax-entity: #f9e2af;                     /* yellow (classes/types) */
  --color-syntax-entity-tag: #89b4fa;                 /* blue (HTML tags) */
  --color-syntax-keyword: #cba6f7;                    /* mauve */
  --color-syntax-string: #a6e3a1;                     /* green */
  --color-syntax-variable: #eba0ac;                   /* maroon */
  --color-syntax-string-regexp: #f5c2e7;              /* pink */
  --color-syntax-markup-heading: #89b4fa;             /* blue */
  --color-syntax-markup-bold: #f38ba8;                /* red */
  --color-syntax-markup-italic: #f38ba8;              /* red */
  --color-syntax-markup-list: #fab387;                /* peach */
  --color-syntax-markup-inserted-text: #a6e3a1;       /* green */
  --color-syntax-markup-inserted-bg: #a6e3a11f;       /* green @ 12% */
  --color-syntax-markup-deleted-text: #f38ba8;        /* red */
  --color-syntax-markup-deleted-bg: #f38ba81f;        /* red @ 12% */
  --color-syntax-markup-changed-text: #fab387;        /* peach */
  --color-syntax-markup-changed-bg: #fab3871f;        /* peach @ 12% */
  --color-syntax-markup-ignored-text: #7f849c;        /* overlay1 */
  --color-syntax-markup-ignored-bg: #45475a;          /* surface0 */
  --color-syntax-meta-diff-range: #cba6f7;            /* mauve */
  --color-syntax-brackethighlighter-angle: #9399b2;   /* overlay2 */
  --color-syntax-brackethighlighter-unmatched: #eba0ac;/* maroon */
  --color-syntax-carriage-return-text: #cdd6f4;       /* text */
  --color-syntax-carriage-return-bg: #f38ba8;         /* red */
  --color-syntax-storage-modifier-import: #cdd6f4;    /* text */
  --color-syntax-constant-other-reference-link: #94e2d5;/* teal */
  --color-syntax-sublimelinter-gutter-mark: #45475a;  /* surface0 */

  /* Alerts */
  --color-alert-note-border: #74c7ec;   /* sapphire */
  --color-alert-note-fg: #89b4fa;       /* blue */
  --color-alert-important-border: #b4befe;/* lavender */
  --color-alert-important-fg: #cba6f7;  /* mauve */
  --color-alert-warning-border: #fab387; /* peach */
  --color-alert-warning-fg: #f9e2af;    /* yellow */
  --color-alert-tip-border: #94e2d5;    /* teal */
  --color-alert-tip-fg: #a6e3a1;        /* green */
  --color-alert-caution-border: #eba0ac; /* maroon */
  --color-alert-caution-fg: #f38ba8;    /* red */
}

/* ==========================================================================
 * GitHub Dark (Default)
 * The official GitHub Dark theme.
 * ========================================================================== */

[data-theme="github-dark"] {
  color-scheme: dark;

  /* Foreground */
  --color-fg-default: #e1e4e8;          /* foreground */
  --color-fg-muted: #959da5;            /* descriptionForeground */
  --color-fg-accent: #79b8ff;           /* textLink.foreground */
  --color-fg-success: #34d058;          /* gitDecoration.addedResourceForeground */
  --color-fg-attention: #ffea7f;        /* terminal.ansiYellow */
  --color-fg-danger: #ea4a5a;           /* terminal.ansiRed */
  --color-fg-done: #b392f0;             /* terminal.ansiMagenta */

  /* Background */
  --color-bg-default: #24292e;          /* editor.background */
  --color-bg-muted: #1f2428;           /* sideBar.background */
  --color-bg-neutral-muted: #6a737d33;  /* scrollbarSlider.background */
  --color-bg-attention-muted: #ffea7f1a;/* yellow @ 10% */

  /* Borders */
  --color-border-default: #444d56;      /* editorIndentGuide.activeBackground */
  --color-border-muted: #2f363d;        /* editorIndentGuide.background */
  --color-border-accent: #0366d6;       /* progressBar.background */
  --color-border-success: #28a745;      /* editorGutter.addedBackground */
  --color-border-attention: #ffea7f;    /* yellow */
  --color-border-danger: #ea4a5a;       /* editorGutter.deletedBackground */
  --color-border-done: #b392f0;         /* purple */

  /* Syntax — prettylights */
  --color-syntax-comment: #6a737d;                    /* comment */
  --color-syntax-constant: #79b8ff;                   /* constant */
  --color-syntax-entity: #b392f0;                     /* entity.name */
  --color-syntax-entity-tag: #85e89d;                 /* entity.name.tag */
  --color-syntax-keyword: #f97583;                    /* keyword */
  --color-syntax-string: #9ecbff;                     /* string */
  --color-syntax-variable: #ffab70;                   /* variable */
  --color-syntax-string-regexp: #dbedff;              /* string.regexp */
  --color-syntax-markup-heading: #79b8ff;             /* markup.heading */
  --color-syntax-markup-bold: #e1e4e8;                /* markup.bold */
  --color-syntax-markup-italic: #e1e4e8;              /* markup.italic */
  --color-syntax-markup-list: #ffab70;                /* punctuation.definition.list */
  --color-syntax-markup-inserted-text: #85e89d;       /* markup.inserted */
  --color-syntax-markup-inserted-bg: #14462026;       /* markup.inserted bg @ 15% */
  --color-syntax-markup-deleted-text: #fdaeb7;        /* markup.deleted */
  --color-syntax-markup-deleted-bg: #86181d26;        /* markup.deleted bg @ 15% */
  --color-syntax-markup-changed-text: #ffab70;        /* markup.changed */
  --color-syntax-markup-changed-bg: #c24e0026;        /* markup.changed bg @ 15% */
  --color-syntax-markup-ignored-text: #2f363d;        /* markup.ignored fg */
  --color-syntax-markup-ignored-bg: #79b8ff;          /* markup.ignored bg */
  --color-syntax-meta-diff-range: #b392f0;            /* meta.diff.range */
  --color-syntax-brackethighlighter-angle: #d1d5da;   /* brackethighlighter */
  --color-syntax-brackethighlighter-unmatched: #fdaeb7;/* brackethighlighter.unmatched */
  --color-syntax-carriage-return-text: #24292e;       /* carriage-return fg */
  --color-syntax-carriage-return-bg: #f97583;         /* carriage-return bg */
  --color-syntax-storage-modifier-import: #e1e4e8;    /* storage.modifier.import */
  --color-syntax-constant-other-reference-link: #dbedff;/* constant.other.reference.link */
  --color-syntax-sublimelinter-gutter-mark: #444d56;  /* gutter mark */

  /* Alerts */
  --color-alert-note-border: #2188ff;   /* editorGutter.modifiedBackground */
  --color-alert-note-fg: #79b8ff;       /* blue */
  --color-alert-important-border: #b392f0;/* purple */
  --color-alert-important-fg: #b392f0;  /* purple */
  --color-alert-warning-border: #ffea7f; /* yellow */
  --color-alert-warning-fg: #ffea7f;    /* yellow */
  --color-alert-tip-border: #28a745;    /* green border */
  --color-alert-tip-fg: #34d058;        /* green fg */
  --color-alert-caution-border: #ea4a5a; /* red border */
  --color-alert-caution-fg: #f97583;    /* red fg */
}

/* ==========================================================================
 * Houston
 * Inspired by the Houston (Astro) VS Code theme.
 * ========================================================================== */

[data-theme="houston"] {
  color-scheme: dark;

  /* Foreground */
  --color-fg-default: #eef0f9;
  --color-fg-muted: #858b98;
  --color-fg-accent: #4bf3c8;
  --color-fg-success: #4bf3c8;
  --color-fg-attention: #ffd493;
  --color-fg-danger: #f4587e;
  --color-fg-done: #cc75f4;

  /* Background */
  --color-bg-default: #17191e;
  --color-bg-muted: #23262d;
  --color-bg-neutral-muted: #54586433;
  --color-bg-attention-muted: #ffd4931a;

  /* Borders */
  --color-border-default: #343841;
  --color-border-muted: #343841b3;
  --color-border-accent: #4bf3c8;
  --color-border-success: #4bf3c8;
  --color-border-attention: #ffd493;
  --color-border-danger: #f4587e;
  --color-border-done: #cc75f4;

  /* Syntax — prettylights */
  --color-syntax-comment: #eef0f98f;
  --color-syntax-constant: #acafff;
  --color-syntax-entity: #00daef;
  --color-syntax-entity-tag: #54b9ff;
  --color-syntax-keyword: #54b9ff;
  --color-syntax-string: #ffd493;
  --color-syntax-variable: #4bf3c8;
  --color-syntax-string-regexp: #eef0f9;
  --color-syntax-markup-heading: #4bf3c8;
  --color-syntax-markup-bold: #ffd493;
  --color-syntax-markup-italic: #54b9ff;
  --color-syntax-markup-list: #4bf3c8;
  --color-syntax-markup-inserted-text: #4bf3c8;
  --color-syntax-markup-inserted-bg: #4bf3c81f;
  --color-syntax-markup-deleted-text: #f4587e;
  --color-syntax-markup-deleted-bg: #f4587e1f;
  --color-syntax-markup-changed-text: #acafff;
  --color-syntax-markup-changed-bg: #acafff1f;
  --color-syntax-markup-ignored-text: #858b98;
  --color-syntax-markup-ignored-bg: #343841;
  --color-syntax-meta-diff-range: #cc75f4;
  --color-syntax-brackethighlighter-angle: #545864;
  --color-syntax-brackethighlighter-unmatched: #f4587e;
  --color-syntax-carriage-return-text: #eef0f9;
  --color-syntax-carriage-return-bg: #dc3657;
  --color-syntax-storage-modifier-import: #eef0f9;
  --color-syntax-constant-other-reference-link: #54b9ff;
  --color-syntax-sublimelinter-gutter-mark: #545864;

  /* Alerts */
  --color-alert-note-border: #54b9ff;
  --color-alert-note-fg: #54b9ff;
  --color-alert-important-border: #cc75f4;
  --color-alert-important-fg: #cc75f4;
  --color-alert-warning-border: #ffd493;
  --color-alert-warning-fg: #ffd493;
  --color-alert-tip-border: #4bf3c8;
  --color-alert-tip-fg: #4bf3c8;
  --color-alert-caution-border: #f4587e;
  --color-alert-caution-fg: #f4587e;
}

/* ==========================================================================
 * Ayu Mirage
 * Inspired by the Ayu Mirage VS Code theme.
 * ========================================================================== */

[data-theme="ayu-mirage"] {
  color-scheme: dark;

  /* Foreground */
  --color-fg-default: #cccac2;
  --color-fg-muted: #707a8c;
  --color-fg-accent: #ffcc66;
  --color-fg-success: #87d96c;
  --color-fg-attention: #ffcd66;
  --color-fg-danger: #f27983;
  --color-fg-done: #dfbfff;

  /* Background */
  --color-bg-default: #242936;
  --color-bg-muted: #1f2430;
  --color-bg-neutral-muted: #63759926;
  --color-bg-attention-muted: #ffcc661a;

  /* Borders */
  --color-border-default: #33394a;
  --color-border-muted: #33394ab3;
  --color-border-accent: #ffcc66;
  --color-border-success: #87d96c;
  --color-border-attention: #ffcd66;
  --color-border-danger: #f27983;
  --color-border-done: #dfbfff;

  /* Syntax — prettylights */
  --color-syntax-comment: #6e7c8f;
  --color-syntax-constant: #dfbfff;
  --color-syntax-entity: #73d0ff;
  --color-syntax-entity-tag: #5ccfe6;
  --color-syntax-keyword: #ffa659;
  --color-syntax-string: #d5ff80;
  --color-syntax-variable: #f28779;
  --color-syntax-string-regexp: #95e6cb;
  --color-syntax-markup-heading: #d5ff80;
  --color-syntax-markup-bold: #f28779;
  --color-syntax-markup-italic: #f28779;
  --color-syntax-markup-list: #ffcd66;
  --color-syntax-markup-inserted-text: #87d96c;
  --color-syntax-markup-inserted-bg: #87d96c1f;
  --color-syntax-markup-deleted-text: #f27983;
  --color-syntax-markup-deleted-bg: #f279831f;
  --color-syntax-markup-changed-text: #80bfff;
  --color-syntax-markup-changed-bg: #80bfff1f;
  --color-syntax-markup-ignored-text: #707a8c;
  --color-syntax-markup-ignored-bg: #33394a;
  --color-syntax-meta-diff-range: #dfbfff;
  --color-syntax-brackethighlighter-angle: #707a8c;
  --color-syntax-brackethighlighter-unmatched: #f27983;
  --color-syntax-carriage-return-text: #cccac2;
  --color-syntax-carriage-return-bg: #f27983;
  --color-syntax-storage-modifier-import: #cccac2;
  --color-syntax-constant-other-reference-link: #95e6cb;
  --color-syntax-sublimelinter-gutter-mark: #33394a;

  /* Alerts */
  --color-alert-note-border: #73d0ff;
  --color-alert-note-fg: #80bfff;
  --color-alert-important-border: #dfbfff;
  --color-alert-important-fg: #dfbfff;
  --color-alert-warning-border: #ffcd66;
  --color-alert-warning-fg: #ffcc66;
  --color-alert-tip-border: #87d96c;
  --color-alert-tip-fg: #d5ff80;
  --color-alert-caution-border: #f27983;
  --color-alert-caution-fg: #f28779;
}