/* ════════════════════════════════════════════════════════════════
   Rainchi Auto · 自动跟随系统深浅色
   亮色为默认；@media (prefers-color-scheme: dark) 时翻转为暗色。
   结构参照 Gitea 自带 theme-gitea-auto.css，单文件自包含。
   token 与 theme-rainchi-light.css / theme-rainchi-dark.css 保持一致。
   ════════════════════════════════════════════════════════════════ */
@import "../fonts/fonts.css";
@import "./rainchi-components.css";

gitea-theme-meta-info {
  --theme-display-name: "Rainchi Auto";
  --theme-color-scheme: "auto";
}

/* ───────────────────────── 亮色（默认）───────────────────────── */
:root {
  --is-dark-theme: false;

  --color-primary: #2563eb;
  --color-primary-contrast: #ffffff;
  --color-primary-dark-1: #2057d6;
  --color-primary-dark-2: #1c4dc0;
  --color-primary-dark-3: #1942a8;
  --color-primary-dark-4: #153890;
  --color-primary-dark-5: #0f2867;
  --color-primary-dark-6: #081532;
  --color-primary-dark-7: #03070f;
  --color-primary-light-1: #4d86f7;
  --color-primary-light-2: #6695f8;
  --color-primary-light-3: #80a8fa;
  --color-primary-light-4: #99bafb;
  --color-primary-light-5: #c2d6fd;
  --color-primary-light-6: #e0ebfe;
  --color-primary-light-7: #f3f7ff;
  --color-primary-alpha-10: #2563eb19;
  --color-primary-alpha-20: #2563eb33;
  --color-primary-alpha-30: #2563eb4b;
  --color-primary-alpha-40: #2563eb66;
  --color-primary-alpha-50: #2563eb80;
  --color-primary-alpha-60: #2563eb99;
  --color-primary-alpha-70: #2563ebb3;
  --color-primary-alpha-80: #2563ebcc;
  --color-primary-alpha-90: #2563ebe1;
  --color-primary-hover: var(--color-primary-dark-1);
  --color-primary-active: var(--color-primary-dark-2);

  --color-secondary: #e5eaf2;
  --color-secondary-dark-1: #d5ddea;
  --color-secondary-dark-2: #c3cddd;
  --color-secondary-dark-3: #a8b4c9;
  --color-secondary-dark-4: #8c9ab4;
  --color-secondary-dark-5: #76859f;
  --color-secondary-dark-6: #62718b;
  --color-secondary-dark-7: #51607a;
  --color-secondary-dark-8: #41506a;
  --color-secondary-dark-9: #34435c;
  --color-secondary-dark-10: #28374f;
  --color-secondary-dark-11: #1c2b43;
  --color-secondary-dark-12: #122036;
  --color-secondary-dark-13: #0b1b3b;
  --color-secondary-light-1: #edf1f7;
  --color-secondary-light-2: #f1f5fa;
  --color-secondary-light-3: #f6f9fc;
  --color-secondary-light-4: #fafcfe;
  --color-secondary-alpha-10: #e5eaf219;
  --color-secondary-alpha-20: #e5eaf233;
  --color-secondary-alpha-30: #e5eaf24b;
  --color-secondary-alpha-40: #e5eaf266;
  --color-secondary-alpha-50: #e5eaf280;
  --color-secondary-alpha-60: #e5eaf299;
  --color-secondary-alpha-70: #e5eaf2b3;
  --color-secondary-alpha-80: #e5eaf2cc;
  --color-secondary-alpha-90: #e5eaf2e1;
  --color-secondary-button: var(--color-secondary-dark-4);
  --color-secondary-hover: var(--color-secondary-dark-5);
  --color-secondary-active: var(--color-secondary-dark-6);

  --color-console-fg: #0d1117;
  --color-console-fg-subtle: #40474d;
  --color-console-bg: #ffffff;
  --color-console-border: #d0d7de;
  --color-console-hover-bg: #f1f3f5;
  --color-console-active-bg: #d0d7de;
  --color-console-menu-bg: #f8f9fb;
  --color-console-menu-border: #d0d7de;
  --color-console-link: #5c656d;

  --color-red: #db2828;
  --color-orange: #f2711c;
  --color-yellow: #fbbd08;
  --color-olive: #b5cc18;
  --color-green: #21ba45;
  --color-teal: #14b8a6;
  --color-blue: #2563eb;
  --color-violet: #6435c9;
  --color-purple: #a333c8;
  --color-pink: #e03997;
  --color-brown: #a5673f;
  --color-black: #1d2328;
  --color-red-light: #e45e5e;
  --color-orange-light: #f59555;
  --color-yellow-light: #fcce46;
  --color-olive-light: #d3e942;
  --color-green-light: #46de6a;
  --color-teal-light: #45d3c3;
  --color-blue-light: #5b8df0;
  --color-violet-light: #8b67d7;
  --color-purple-light: #bb64d8;
  --color-pink-light: #e86bb1;
  --color-brown-light: #c58b66;
  --color-black-light: #4b5b68;
  --color-red-dark-1: #c82121;
  --color-orange-dark-1: #e6630d;
  --color-yellow-dark-1: #e5ac04;
  --color-olive-dark-1: #a3b816;
  --color-green-dark-1: #1ea73e;
  --color-teal-dark-1: #0fa392;
  --color-blue-dark-1: #2057d6;
  --color-violet-dark-1: #5a30b5;
  --color-purple-dark-1: #932eb4;
  --color-pink-dark-1: #db228a;
  --color-brown-dark-1: #955d39;
  --color-black-dark-1: #2c3339;
  --color-red-dark-2: #b11e1e;
  --color-orange-dark-2: #cc580c;
  --color-yellow-dark-2: #cc9903;
  --color-olive-dark-2: #91a313;
  --color-green-dark-2: #1a9537;
  --color-teal-dark-2: #0c8a7c;
  --color-blue-dark-2: #1c4dc0;
  --color-violet-dark-2: #502aa1;
  --color-purple-dark-2: #8229a0;
  --color-pink-dark-2: #c21e7b;
  --color-brown-dark-2: #845232;
  --color-black-dark-2: #131619;

  --color-ansi-black: #1e2327;
  --color-ansi-red: #cc4848;
  --color-ansi-green: #87ab63;
  --color-ansi-yellow: #cc9903;
  --color-ansi-blue: #3a8ac6;
  --color-ansi-magenta: #d22e8b;
  --color-ansi-cyan: #00918a;
  --color-ansi-white: var(--color-console-fg-subtle);
  --color-ansi-bright-black: #46494d;
  --color-ansi-bright-red: #d15a5a;
  --color-ansi-bright-green: #93b373;
  --color-ansi-bright-yellow: #eaaf03;
  --color-ansi-bright-blue: #4e96cc;
  --color-ansi-bright-magenta: #d74397;
  --color-ansi-bright-cyan: #00b6ad;
  --color-ansi-bright-white: var(--color-console-fg);

  --color-series-16-0: #7db233;
  --color-series-16-1: #499a37;
  --color-series-16-2: #ce4751;
  --color-series-16-3: #8f9121;
  --color-series-16-4: #ac32a6;
  --color-series-16-5: #7445e9;
  --color-series-16-6: #c67d28;
  --color-series-16-7: #4db392;
  --color-series-16-8: #aa4d30;
  --color-series-16-9: #2a6f84;
  --color-series-16-10: #c45327;
  --color-series-16-11: #3d965c;
  --color-series-16-12: #792a93;
  --color-series-16-13: #439d73;
  --color-series-16-14: #103aad;
  --color-series-16-15: #982e85;

  --color-grey: #697077;
  --color-grey-light: #7c838a;
  --color-gold: #a1882b;
  --color-white: #ffffff;
  --color-diff-added-fg: #21ba45;
  --color-diff-added-linenum-bg: #d1f8d9;
  --color-diff-added-row-bg: #e6ffed;
  --color-diff-added-row-border: #e6ffed;
  --color-diff-added-word-bg: #acf2bd;
  --color-diff-moved-row-bg: #f1f8d1;
  --color-diff-moved-row-border: #d0e27f;
  --color-diff-removed-fg: #db2828;
  --color-diff-removed-linenum-bg: #ffcecb;
  --color-diff-removed-row-bg: #ffeef0;
  --color-diff-removed-row-border: #f1c0c0;
  --color-diff-removed-word-bg: #fdb8c0;
  --color-diff-inactive: #f0f2f4;
  --color-error-border: #ff818266;
  --color-error-bg: #ffebe9;
  --color-error-bg-active: #ffcecb;
  --color-error-bg-hover: #ffdcd7;
  --color-error-text: #d1242f;
  --color-success-border: #4ac26b66;
  --color-success-bg: #dafbe1;
  --color-success-text: #1a7f37;
  --color-warning-border: #d4a72c66;
  --color-warning-bg: #fff8c5;
  --color-warning-text: #9a6700;
  --color-info-border: #54aeff66;
  --color-info-bg: #ddf4ff;
  --color-info-text: #0969da;
  --color-priority-border: #b9a1ff66;
  --color-priority-bg: #f3e7ff;
  --color-priority-text: #8250df;
  --color-red-badge: #db2828;
  --color-red-badge-bg: #db28281a;
  --color-red-badge-hover-bg: #db28284d;
  --color-green-badge: #21ba45;
  --color-green-badge-bg: #21ba451a;
  --color-green-badge-hover-bg: #21ba454d;
  --color-yellow-badge: #fbbd08;
  --color-yellow-badge-bg: #fbbd081a;
  --color-yellow-badge-hover-bg: #fbbd084d;
  --color-orange-badge: #f2711c;
  --color-orange-badge-bg: #f2711c1a;
  --color-orange-badge-hover-bg: #f2711c4d;
  --color-git: #f05133;
  --color-logo: #2563eb;

  --color-body: #ffffff;
  --color-box-header: #f4f7fc;
  --color-box-body: #ffffff;
  --color-box-body-highlight: #eef4ff;
  --color-text-dark: #0b1b3b;
  --color-text: #283449;
  --color-text-light: #3d4d6a;
  --color-text-light-1: #4a5a78;
  --color-text-light-2: #64748b;
  --color-text-light-3: #8493a8;
  --color-footer: var(--color-nav-bg);
  --color-timeline: #e5eaf2;
  --color-input-text: var(--color-text-dark);
  --color-input-background: #ffffff;
  --color-input-toggle-background: #d5ddea;
  --color-input-border: var(--color-secondary-dark-1);
  --color-light: #00001706;
  --color-light-border: #0000171d;
  --color-hover: #0b1b3b08;
  --color-hover-opaque: #f1f5fa;
  --color-active: #0b1b3b14;
  --color-menu: #ffffff;
  --color-card: #ffffff;
  --color-markup-table-row: #0030600a;
  --color-markup-code-block: #00306010;
  --color-markup-code-inline: #00306012;
  --color-button: #ffffff;
  --color-code-bg: #fbfdff;
  --color-shadow: #0b1b3b26;
  --color-shadow-opaque: #cdd6e3;
  --color-secondary-bg: #f4f7fc;
  --color-expand-button: #d6e6ff;
  --color-placeholder-text: var(--color-text-light-3);
  --color-editor-line-highlight: var(--color-secondary-alpha-30);
  --color-editor-selection: var(--color-primary-alpha-30);
  --color-project-column-bg: var(--color-secondary-light-4);
  --color-caret: var(--color-text-dark);
  --color-reaction-bg: #0000170a;
  --color-reaction-hover-bg: var(--color-primary-light-5);
  --color-reaction-active-bg: var(--color-primary-light-6);
  --color-tooltip-text: #fbfdff;
  --color-tooltip-bg: #0b1b3bf0;
  --color-nav-bg: #ffffff;
  --color-nav-hover-bg: var(--color-secondary-light-1);
  --color-nav-text: var(--color-text);
  --color-secondary-nav-bg: #f4f7fc;
  --color-label-text: var(--color-text);
  --color-label-bg: #949da64b;
  --color-label-hover-bg: #949da6a0;
  --color-label-active-bg: #949da6ff;
  --color-accent: var(--color-primary-light-1);
  --color-small-accent: var(--color-primary-light-6);
  --color-highlight-fg: #eed200;
  --color-highlight-bg: #f5efc5;
  --color-overlay-backdrop: #080808c0;
  --color-danger: var(--color-red);
  --color-transparency-grid-light: #fafafa;
  --color-transparency-grid-dark: #e2e2e2;
  --color-workflow-edge-hover: #b1b7bd;

  --color-syntax-keyword: #a73a00;
  --color-syntax-bool: #076872;
  --color-syntax-control: #7d5700;
  --color-syntax-name: #785900;
  --color-syntax-type: #ae2368;
  --color-syntax-number: #105ead;
  --color-syntax-operator: #a73a00;
  --color-syntax-regexp: #773dc5;
  --color-syntax-string: #456800;
  --color-syntax-comment: #506070;
  --color-syntax-invalid: #c00000;
  --color-syntax-link: var(--color-primary);
  --color-syntax-tag: #a73a00;
  --color-syntax-attribute: #6f41c5;
  --color-syntax-property: #2060a0;
  --color-syntax-variable: #944a00;
  --color-syntax-string-special: #7d5700;
  --color-syntax-escape: #785900;
  --color-syntax-entity: #6f41c5;
  --color-syntax-preproc: #2d6a4b;
  --color-syntax-preproc-file: #105ead;
  --color-syntax-decorator: #2d6a4b;
  --color-syntax-namespace: #555555;
  --color-syntax-name-pseudo: #6f41c5;
  --color-syntax-comment-special: #773dc5;
  --color-syntax-text: inherit;
  --color-syntax-text-alt: #47525b;
  --color-syntax-punctuation: inherit;
  --color-syntax-whitespace: #bbbbbb;
  --color-syntax-diff-fg: #000000;
  --color-syntax-deleted-bg: #ffdddd;
  --color-syntax-inserted-bg: #ddffdd;
  --color-syntax-emph: #8b5000;
  --color-syntax-strong: inherit;
  --color-syntax-heading: #7d5700;
  --color-syntax-subheading: #456800;
  --color-syntax-output: #506070;
  --color-syntax-prompt: #944a00;
  --color-syntax-traceback: #c00000;
  --color-syntax-matching-bracket-bg: #14b8a638;
  --color-syntax-nonmatching-bracket-bg: #db282838;

  accent-color: var(--color-accent);
  color-scheme: light;
}

/* ──────────────────── 暗色（系统深色模式翻转）──────────────────── */
@media (prefers-color-scheme: dark) {
  :root {
    --is-dark-theme: true;

    --color-primary: #4d86f7;
    --color-primary-contrast: #ffffff;
    --color-primary-dark-1: #6295f8;
    --color-primary-dark-2: #78a5f9;
    --color-primary-dark-3: #8eb4fa;
    --color-primary-dark-4: #a4c3fb;
    --color-primary-dark-5: #c6dafd;
    --color-primary-dark-6: #e2ecfe;
    --color-primary-dark-7: #f4f8ff;
    --color-primary-light-1: #3d6fd6;
    --color-primary-light-2: #335fb8;
    --color-primary-light-3: #2b5099;
    --color-primary-light-4: #234080;
    --color-primary-light-5: #182c54;
    --color-primary-light-6: #0c1828;
    --color-primary-light-7: #04080c;
    --color-primary-alpha-10: #4d86f719;
    --color-primary-alpha-20: #4d86f733;
    --color-primary-alpha-30: #4d86f74b;
    --color-primary-alpha-40: #4d86f766;
    --color-primary-alpha-50: #4d86f780;
    --color-primary-alpha-60: #4d86f799;
    --color-primary-alpha-70: #4d86f7b3;
    --color-primary-alpha-80: #4d86f7cc;
    --color-primary-alpha-90: #4d86f7e1;
    --color-primary-hover: var(--color-primary-dark-1);
    --color-primary-active: var(--color-primary-dark-2);

    --color-secondary: #22324f;
    --color-secondary-dark-1: #2b3c5c;
    --color-secondary-dark-2: #354863;
    --color-secondary-dark-3: #44567a;
    --color-secondary-dark-4: #566890;
    --color-secondary-dark-5: #6a7ca4;
    --color-secondary-dark-6: #8294b4;
    --color-secondary-dark-7: #95a6c2;
    --color-secondary-dark-8: #a8b6ce;
    --color-secondary-dark-9: #b4c2dc;
    --color-secondary-dark-10: #c3cfe4;
    --color-secondary-dark-11: #d2dbec;
    --color-secondary-dark-12: #dfe6f2;
    --color-secondary-dark-13: #e6ecf7;
    --color-secondary-light-1: #1b2940;
    --color-secondary-light-2: #16233a;
    --color-secondary-light-3: #111e33;
    --color-secondary-light-4: #0e1a2e;
    --color-secondary-alpha-10: #22324f19;
    --color-secondary-alpha-20: #22324f33;
    --color-secondary-alpha-30: #22324f4b;
    --color-secondary-alpha-40: #22324f66;
    --color-secondary-alpha-50: #22324f80;
    --color-secondary-alpha-60: #22324f99;
    --color-secondary-alpha-70: #22324fb3;
    --color-secondary-alpha-80: #22324fcc;
    --color-secondary-alpha-90: #22324fe1;
    --color-secondary-button: var(--color-secondary-dark-4);
    --color-secondary-hover: var(--color-secondary-dark-3);
    --color-secondary-active: var(--color-secondary-dark-2);

    --color-console-fg: #f8f8f8;
    --color-console-fg-subtle: #c1c3c8;
    --color-console-bg: #0f1d33;
    --color-console-border: #22324f;
    --color-console-hover-bg: #16263f;
    --color-console-active-bg: #22324f;
    --color-console-menu-bg: #111e36;
    --color-console-menu-border: #2b3c5c;
    --color-console-link: #8294b4;

    --color-red: #cc4848;
    --color-orange: #cc580c;
    --color-yellow: #cc9903;
    --color-olive: #91a313;
    --color-green: #87ab63;
    --color-teal: #14b8a6;
    --color-blue: #4d86f7;
    --color-violet: #906ae1;
    --color-purple: #b259d0;
    --color-pink: #d22e8b;
    --color-brown: #a47252;
    --color-black: #202225;
    --color-red-light: #d15a5a;
    --color-orange-light: #f6a066;
    --color-yellow-light: #eaaf03;
    --color-olive-light: #abc016;
    --color-green-light: #93b373;
    --color-teal-light: #2dd4bf;
    --color-blue-light: #6f9ff9;
    --color-violet-light: #9b79e4;
    --color-purple-light: #ba6ad5;
    --color-pink-light: #d74397;
    --color-brown-light: #b08061;
    --color-black-light: #45484e;
    --color-red-dark-1: #c23636;
    --color-orange-dark-1: #f38236;
    --color-yellow-dark-1: #b88a03;
    --color-olive-dark-1: #839311;
    --color-green-dark-1: #7a9e55;
    --color-teal-dark-1: #12a594;
    --color-blue-dark-1: #3d6fd6;
    --color-violet-dark-1: #7b4edb;
    --color-purple-dark-1: #a742c9;
    --color-pink-dark-1: #be297d;
    --color-brown-dark-1: #94674a;
    --color-black-dark-1: #2e3033;
    --color-red-dark-2: #ad3030;
    --color-orange-dark-2: #f16e17;
    --color-yellow-dark-2: #a37a02;
    --color-olive-dark-2: #74820f;
    --color-green-dark-2: #6c8c4c;
    --color-teal-dark-2: #0f8a7c;
    --color-blue-dark-2: #335fb8;
    --color-violet-dark-2: #6733d6;
    --color-purple-dark-2: #9834b9;
    --color-pink-dark-2: #a9246f;
    --color-brown-dark-2: #835b42;
    --color-black-dark-2: #292b2e;

    --color-ansi-black: #202225;
    --color-ansi-red: #cc4848;
    --color-ansi-green: #87ab63;
    --color-ansi-yellow: #cc9903;
    --color-ansi-blue: #3a8ac6;
    --color-ansi-magenta: #d22e8b;
    --color-ansi-cyan: #00918a;
    --color-ansi-white: var(--color-console-fg-subtle);
    --color-ansi-bright-black: #45484e;
    --color-ansi-bright-red: #d15a5a;
    --color-ansi-bright-green: #93b373;
    --color-ansi-bright-yellow: #eaaf03;
    --color-ansi-bright-blue: #4e96cc;
    --color-ansi-bright-magenta: #d74397;
    --color-ansi-bright-cyan: #00b6ad;
    --color-ansi-bright-white: var(--color-console-fg);

    --color-series-16-0: #7db233;
    --color-series-16-1: #499a37;
    --color-series-16-2: #ce4751;
    --color-series-16-3: #8f9121;
    --color-series-16-4: #ac32a6;
    --color-series-16-5: #7445e9;
    --color-series-16-6: #c67d28;
    --color-series-16-7: #4db392;
    --color-series-16-8: #aa4d30;
    --color-series-16-9: #2a6f84;
    --color-series-16-10: #c45327;
    --color-series-16-11: #3d965c;
    --color-series-16-12: #792a93;
    --color-series-16-13: #439d73;
    --color-series-16-14: #103aad;
    --color-series-16-15: #982e85;

    --color-grey: #3d3f44;
    --color-grey-light: #898d96;
    --color-gold: #b1983b;
    --color-white: #ffffff;
    --color-diff-added-fg: #87ab63;
    --color-diff-added-linenum-bg: #274227;
    --color-diff-added-row-bg: #203224;
    --color-diff-added-row-border: #314a37;
    --color-diff-added-word-bg: #3c653c;
    --color-diff-moved-row-bg: #818044;
    --color-diff-moved-row-border: #bcca6f;
    --color-diff-removed-fg: #cc4848;
    --color-diff-removed-linenum-bg: #482121;
    --color-diff-removed-row-bg: #301e1e;
    --color-diff-removed-row-border: #634343;
    --color-diff-removed-word-bg: #6f3333;
    --color-diff-inactive: #18253b;
    --color-error-border: #763232;
    --color-error-bg: #322226;
    --color-error-bg-active: #49262a;
    --color-error-bg-hover: #3c2427;
    --color-error-text: #f85149;
    --color-success-border: #225633;
    --color-success-bg: #1c3329;
    --color-success-text: #3fb950;
    --color-warning-border: #5f481a;
    --color-warning-bg: #342e1f;
    --color-warning-text: #d29922;
    --color-info-border: #254a7e;
    --color-info-bg: #1b283a;
    --color-info-text: #4d86f7;
    --color-priority-border: #4a268d;
    --color-priority-bg: #251c39;
    --color-priority-text: #a371f7;
    --color-red-badge: #db2828;
    --color-red-badge-bg: #db28281a;
    --color-red-badge-hover-bg: #db28284d;
    --color-green-badge: #21ba45;
    --color-green-badge-bg: #21ba451a;
    --color-green-badge-hover-bg: #21ba454d;
    --color-yellow-badge: #fbbd08;
    --color-yellow-badge-bg: #fbbd081a;
    --color-yellow-badge-hover-bg: #fbbd084d;
    --color-orange-badge: #f2711c;
    --color-orange-badge-bg: #f2711c1a;
    --color-orange-badge-hover-bg: #f2711c4d;
    --color-git: #f05133;
    --color-logo: #4d86f7;

    --color-body: #0a1424;
    --color-box-header: #0f1d33;
    --color-box-body: #111e36;
    --color-box-body-highlight: #14233d;
    --color-text-dark: #e6ecf7;
    --color-text: #c5d0e3;
    --color-text-light: #b4c2dc;
    --color-text-light-1: #9dacc8;
    --color-text-light-2: #8294b4;
    --color-text-light-3: #6e7f9e;
    --color-footer: var(--color-nav-bg);
    --color-timeline: #22324f;
    --color-input-text: var(--color-text-dark);
    --color-input-background: #0f1d33;
    --color-input-toggle-background: #2b3c5c;
    --color-input-border: var(--color-secondary-dark-1);
    --color-light: #0b0b0c28;
    --color-light-border: #f3f3f428;
    --color-hover: #f3f3f419;
    --color-hover-opaque: #16263f;
    --color-active: #f3f3f424;
    --color-menu: #111e36;
    --color-card: #111e36;
    --color-markup-table-row: #f3f3f40f;
    --color-markup-code-block: #f3f3f412;
    --color-markup-code-inline: #f3f3f428;
    --color-button: #16263f;
    --color-code-bg: #0f1d33;
    --color-shadow: #00000058;
    --color-shadow-opaque: #04080f;
    --color-secondary-bg: #14233d;
    --color-expand-button: #1b2c4e;
    --color-placeholder-text: var(--color-text-light-3);
    --color-editor-line-highlight: var(--color-secondary-alpha-40);
    --color-editor-selection: var(--color-primary-alpha-50);
    --color-project-column-bg: var(--color-secondary-light-2);
    --color-caret: var(--color-text);
    --color-reaction-bg: #f3f3f412;
    --color-reaction-hover-bg: var(--color-primary-light-4);
    --color-reaction-active-bg: var(--color-primary-light-5);
    --color-tooltip-text: #fafafa;
    --color-tooltip-bg: #04080ff0;
    --color-nav-bg: #0c1830;
    --color-nav-hover-bg: var(--color-secondary-light-1);
    --color-nav-text: var(--color-text);
    --color-secondary-nav-bg: #0f1d33;
    --color-label-text: var(--color-text);
    --color-label-bg: #7a7f8a4b;
    --color-label-hover-bg: #7a7f8aa0;
    --color-label-active-bg: #7a7f8aff;
    --color-accent: var(--color-primary-light-1);
    --color-small-accent: var(--color-primary-light-5);
    --color-highlight-fg: #87651e;
    --color-highlight-bg: #443a27;
    --color-overlay-backdrop: #080808c0;
    --color-danger: var(--color-red);
    --color-transparency-grid-light: #2a2a2a;
    --color-transparency-grid-dark: #1a1a1a;
    --color-workflow-edge-hover: #666a73;

    --color-syntax-keyword: #ff8854;
    --color-syntax-bool: #25bbc9;
    --color-syntax-control: #dd9e17;
    --color-syntax-name: #c7a618;
    --color-syntax-type: #eb8cb3;
    --color-syntax-number: #63b2dd;
    --color-syntax-operator: #ff8854;
    --color-syntax-regexp: #b89de4;
    --color-syntax-string: #95b62a;
    --color-syntax-comment: #8898b0;
    --color-syntax-invalid: #ff8686;
    --color-syntax-link: var(--color-primary);
    --color-syntax-tag: #ff8854;
    --color-syntax-attribute: #c792ff;
    --color-syntax-property: #55afff;
    --color-syntax-variable: #e29b33;
    --color-syntax-string-special: #dd9e17;
    --color-syntax-escape: #c7a618;
    --color-syntax-entity: #c792ff;
    --color-syntax-preproc: #4cbe7a;
    --color-syntax-preproc-file: #63b2dd;
    --color-syntax-decorator: #4cbe7a;
    --color-syntax-namespace: #c9d1d9;
    --color-syntax-name-pseudo: #c792ff;
    --color-syntax-comment-special: #b89de4;
    --color-syntax-text: #c9d1d9;
    --color-syntax-text-alt: #b9bcc7;
    --color-syntax-punctuation: #d2d4db;
    --color-syntax-whitespace: #7f8699;
    --color-syntax-diff-fg: #ffffff;
    --color-syntax-deleted-bg: #5f3737;
    --color-syntax-inserted-bg: #3a523a;
    --color-syntax-emph: #d1a242;
    --color-syntax-strong: #e29b33;
    --color-syntax-heading: #dd9e17;
    --color-syntax-subheading: #95b62a;
    --color-syntax-output: #8898b0;
    --color-syntax-prompt: #e29b33;
    --color-syntax-traceback: #ff8686;
    --color-syntax-matching-bracket-bg: #14b8a648;
    --color-syntax-nonmatching-bracket-bg: #cc484848;

    color-scheme: dark;
  }

  /* invert emojis that are hard to read otherwise */
  .emoji[aria-label="check mark"],
  .emoji[aria-label="currency exchange"],
  .emoji[aria-label="TOP arrow"],
  .emoji[aria-label="END arrow"],
  .emoji[aria-label="ON! arrow"],
  .emoji[aria-label="SOON arrow"],
  .emoji[aria-label="heavy dollar sign"],
  .emoji[aria-label="copyright"],
  .emoji[aria-label="registered"],
  .emoji[aria-label="trade mark"],
  .emoji[aria-label="multiply"],
  .emoji[aria-label="plus"],
  .emoji[aria-label="minus"],
  .emoji[aria-label="divide"],
  .emoji[aria-label="curly loop"],
  .emoji[aria-label="double curly loop"],
  .emoji[aria-label="wavy dash"],
  .emoji[aria-label="paw prints"],
  .emoji[aria-label="musical note"],
  .emoji[aria-label="musical notes"] {
    filter: invert(100%) hue-rotate(180deg);
  }
}