.chroma .bp {
  color: #fcd6a5;
}
.chroma .c,
.chroma .c1,
.chroma .ch,
.chroma .cm {
  color: #6b7394;
}
.chroma .cp {
  color: #a8d8c8;
}
.chroma .cpf {
  color: #a0c4e8;
}
.chroma .cs {
  color: #c4b0e0;
}
.chroma .dl {
  color: #a0c4e8;
}
.chroma .gd {
  color: #f0c0c0;
  background-color: #3a1c1c;
}
.chroma .ge {
  color: #e8f0a0;
}
.chroma .gh {
  color: #f0cfa0;
}
.chroma .gi {
  color: #c0f0c8;
  background-color: #1c3a20;
}
.chroma .go {
  color: #6b7394;
}
.chroma .gp {
  color: #d0d4e0;
}
.chroma .gr {
  color: #f0a0a0;
}
.chroma .gs {
  color: #d0d4e0;
}
.chroma .gt {
  color: #f0b8a0;
}
.chroma .gu {
  color: #c8e0a0;
}
.chroma .il {
  color: #a0c4e8;
}
.chroma .k {
  color: #f0b8a0;
}
.chroma .kc {
  color: #a0c4e8;
}
.chroma .kd {
  color: #f0b8a0;
}
.chroma .kn {
  color: #f0cfa0;
}
.chroma .kp {
  color: #a0d0a0;
}
.chroma .kr {
  color: #f0b8a0;
}
.chroma .kt {
  color: #f0a8a8;
}
.chroma .m,
.chroma .mb,
.chroma .mf,
.chroma .mh,
.chroma .mi,
.chroma .mo {
  color: #a0c4e8;
}
.chroma .n {
  color: #c8d0e0;
}
.chroma .na,
.chroma .nb {
  color: #fcd6a5;
}
.chroma .nc {
  color: #f0cfa0;
}
.chroma .nd {
  color: #a8d8c8;
}
.chroma .ne {
  color: #f0b8a0;
}
.chroma .nf,
.chroma .ni {
  color: #fcd6a5;
}
.chroma .nl {
  color: #f0b8a0;
}
.chroma .nn {
  color: #c8d0e0;
}
.chroma .no {
  color: #a0c4e8;
}
.chroma .nt {
  color: #f0b8a0;
}
.chroma .nv {
  color: #d0d4e0;
}
.chroma .nx {
  color: #b0b8cc;
}
.chroma .o {
  color: #f0b8a0;
}
.chroma .ow {
  color: #a0d0a0;
}
.chroma .p {
  color: #c8ccdc;
}
.chroma .s,
.chroma .s1,
.chroma .s2 {
  color: #c8e0a0;
}
.chroma .sa {
  color: #f0cfa0;
}
.chroma .sb {
  color: #c8e0a0;
}
.chroma .sc {
  color: #f0cfa0;
}
.chroma .sd {
  color: #c8e0a0;
}
.chroma .se {
  color: #f0c0a0;
}
.chroma .sh {
  color: #c8e0a0;
}
.chroma .si {
  color: #f0cfa0;
}
.chroma .sr {
  color: #c4b0e0;
}
.chroma .ss {
  color: #f0c0a0;
}
.chroma .sx {
  color: #f0cfa0;
}
.chroma .vc,
.chroma .vg,
.chroma .vi {
  color: #a0b8f0;
}
.chroma .w {
  color: #6b7394;
}

/* CodeMirror */
.CodeMirror.cm-s-default .cm-property,
.CodeMirror.cm-s-paper .cm-property {
  color: #b0dca0;
}
.CodeMirror.cm-s-default .cm-header,
.CodeMirror.cm-s-paper .cm-header {
  color: #a0b0d8;
}
.CodeMirror.cm-s-default .cm-quote,
.CodeMirror.cm-s-paper .cm-quote {
  color: #a0d8a0;
}
.CodeMirror.cm-s-default .cm-keyword,
.CodeMirror.cm-s-paper .cm-keyword {
  color: #dca890;
}
.CodeMirror.cm-s-default .cm-atom,
.CodeMirror.cm-s-paper .cm-atom {
  color: #f0a0b0;
}
.CodeMirror.cm-s-default .cm-number,
.CodeMirror.cm-s-paper .cm-number {
  color: #f0a0a0;
}
.CodeMirror.cm-s-default .cm-def,
.CodeMirror.cm-s-paper .cm-def {
  color: #d8d8e8;
}
.CodeMirror.cm-s-default .cm-variable-2,
.CodeMirror.cm-s-paper .cm-variable-2 {
  color: #a0d8d8;
}
.CodeMirror.cm-s-default .cm-variable-3,
.CodeMirror.cm-s-paper .cm-variable-3 {
  color: #a0d0b0;
}
.CodeMirror.cm-s-default .cm-comment,
.CodeMirror.cm-s-paper .cm-comment {
  color: #7888a8;
}
.CodeMirror.cm-s-default .cm-string,
.CodeMirror.cm-s-paper .cm-string {
  color: #c0a0a0;
}
.CodeMirror.cm-s-default .cm-string-2,
.CodeMirror.cm-s-paper .cm-string-2 {
  color: #f0b890;
}
.CodeMirror.cm-s-default .cm-meta,
.CodeMirror.cm-s-paper .cm-meta,
.CodeMirror.cm-s-default .cm-qualifier,
.CodeMirror.cm-s-paper .cm-qualifier {
  color: #f0c8a0;
}
.CodeMirror.cm-s-default .cm-builtin,
.CodeMirror.cm-s-paper .cm-builtin {
  color: #c0dca0;
}
.CodeMirror.cm-s-default .cm-bracket,
.CodeMirror.cm-s-paper .cm-bracket {
  color: #a0a090;
}
.CodeMirror.cm-s-default .cm-tag,
.CodeMirror.cm-s-paper .cm-tag {
  color: #f0dca0;
}
.CodeMirror.cm-s-default .cm-attribute,
.CodeMirror.cm-s-paper .cm-attribute {
  color: #c8dca0;
}
.CodeMirror.cm-s-default .cm-hr,
.CodeMirror.cm-s-paper .cm-hr {
  color: #808898;
}
.CodeMirror.cm-s-default .cm-url,
.CodeMirror.cm-s-paper .cm-url {
  color: #b0c0d0;
}
.CodeMirror.cm-s-default .cm-link,
.CodeMirror.cm-s-paper .cm-link {
  color: #d8d0a0;
}
.CodeMirror.cm-s-default .cm-error,
.CodeMirror.cm-s-paper .cm-error {
  color: #d8d0e0;
}

/* Dark/light mode image handling */
.markup [src$='#gh-light-mode-only'],
.markup [src$='#light-mode-only'],
.markup [href$='#gh-light-mode-only'],
.markup [href$='#light-mode-only'] {
  display: none;
}
.markup [src$='#gh-dark-mode-only'],
.markup [src$='#dark-mode-only'],
.markup [href$='#gh-dark-mode-only'],
.markup [href$='#dark-mode-only'] {
  display: unset;
}

/* =========================================================================
   OLED BASE PALETTE — true blacks + very dark greys
   ========================================================================= */
:root {
  /* Steel scale — shifted darker, 900 is pure black for OLED */
  --steel-900: #000000;
  --steel-850: #050608;
  --steel-800: #0a0c10;
  --steel-750: #0f1216;
  --steel-700: #14181e;
  --steel-650: #1a1f28;
  --steel-600: #222a34;
  --steel-550: #2c3644;
  --steel-500: #3a4758;
  --steel-450: #4a5a6e;
  --steel-400: #5c6f84;
  --steel-350: #6e8298;
  --steel-300: #8498ae;
  --steel-250: #9aafC4;
  --steel-200: #b0c4d8;
  --steel-150: #c8dae8;
  --steel-100: #dce8f4;

  --is-dark-theme: true;

  /* ── Pastel primary: soft lavender-rose ── */
  --color-primary: #c4a0e0;
  --color-primary-contrast: #000;
  --color-primary-dark-1: #d0b4e8;
  --color-primary-dark-2: #d8c0f0;
  --color-primary-dark-3: #e0d0f4;
  --color-primary-dark-4: #e8ddf8;
  --color-primary-dark-5: #f0e8fc;
  --color-primary-dark-6: #f4f0fd;
  --color-primary-dark-7: #faf8fe;
  --color-primary-light-1: #b890d8;
  --color-primary-light-2: #a880cc;
  --color-primary-light-3: #9870c0;
  --color-primary-light-4: #8860b4;
  --color-primary-light-5: #7850a4;
  --color-primary-light-6: #684098;
  --color-primary-light-7: #583888;
  --color-primary-alpha-10: #b890d819;
  --color-primary-alpha-20: #b890d833;
  --color-primary-alpha-30: #b890d84b;
  --color-primary-alpha-40: #b890d866;
  --color-primary-alpha-50: #b890d880;
  --color-primary-alpha-60: #b890d899;
  --color-primary-alpha-70: #b890d8b3;
  --color-primary-alpha-80: #b890d8cc;
  --color-primary-alpha-90: #b890d8e1;
  --color-primary-hover: var(--color-primary-light-1);
  --color-primary-active: var(--color-primary-light-2);

  /* ── Secondary ── */
  --color-secondary: var(--steel-700);
  --color-secondary-dark-1: var(--steel-550);
  --color-secondary-dark-2: var(--steel-500);
  --color-secondary-dark-3: var(--steel-450);
  --color-secondary-dark-4: var(--steel-400);
  --color-secondary-dark-5: var(--steel-350);
  --color-secondary-dark-6: var(--steel-300);
  --color-secondary-dark-7: var(--steel-250);
  --color-secondary-dark-8: var(--steel-200);
  --color-secondary-dark-9: var(--steel-150);
  --color-secondary-dark-10: var(--steel-100);
  --color-secondary-dark-11: var(--steel-100);
  --color-secondary-dark-12: var(--steel-100);
  --color-secondary-dark-13: var(--steel-100);
  --color-secondary-light-1: var(--steel-650);
  --color-secondary-light-2: var(--steel-700);
  --color-secondary-light-3: var(--steel-750);
  --color-secondary-light-4: var(--steel-800);
  --color-secondary-alpha-10: #1a1f2819;
  --color-secondary-alpha-20: #1a1f2833;
  --color-secondary-alpha-30: #1a1f284b;
  --color-secondary-alpha-40: #1a1f2866;
  --color-secondary-alpha-50: #1a1f2880;
  --color-secondary-alpha-60: #1a1f2899;
  --color-secondary-alpha-70: #1a1f28b3;
  --color-secondary-alpha-80: #1a1f28cc;
  --color-secondary-alpha-90: #1a1f28e1;
  --color-secondary-hover: var(--color-secondary-light-1);
  --color-secondary-active: var(--color-secondary-light-2);

  /* ── Console ── */
  --color-console-fg: #e8ecf4;
  --color-console-fg-subtle: #8890a8;
  --color-console-bg: #06080c;
  --color-console-border: #1a2030;
  --color-console-hover-bg: #ffffff10;
  --color-console-active-bg: #2a3040;
  --color-console-menu-bg: #101420;
  --color-console-menu-border: #303848;

  /* ── Pastel semantic colours ── */
  --color-red: #d08080;
  --color-orange: #d8a080;
  --color-yellow: #d8c880;
  --color-olive: #b8c888;
  --color-green: #80c8a0;
  --color-teal: #80c8c0;
  --color-blue: #80a8d8;
  --color-violet: #a088d8;
  --color-purple: #b888d8;
  --color-pink: #d888b0;
  --color-brown: #c0a088;
  --color-grey: var(--steel-500);
  --color-black: #0a0c10;

  --color-red-light: #e0a0a0;
  --color-orange-light: #e8b8a0;
  --color-yellow-light: #e8dca0;
  --color-olive-light: #c8d8a0;
  --color-green-light: #a0e0b8;
  --color-teal-light: #a0e0d8;
  --color-blue-light: #a0c0e8;
  --color-violet-light: #b8a0e8;
  --color-purple-light: #d0a8f0;
  --color-pink-light: #f0a8c8;
  --color-brown-light: #d0b8a0;
  --color-grey-light: var(--steel-300);
  --color-black-light: #0f1216;

  --color-red-dark-1: #c07070;
  --color-orange-dark-1: #c89070;
  --color-yellow-dark-1: #c8b870;
  --color-olive-dark-1: #a8b878;
  --color-green-dark-1: #70b890;
  --color-teal-dark-1: #70b8b0;
  --color-blue-dark-1: #7098c8;
  --color-violet-dark-1: #9078c8;
  --color-purple-dark-1: #a878c8;
  --color-pink-dark-1: #c878a0;
  --color-brown-dark-1: #b09078;
  --color-black-dark-1: #060810;

  --color-red-dark-2: #b06060;
  --color-orange-dark-2: #b88060;
  --color-yellow-dark-2: #b8a860;
  --color-olive-dark-2: #98a868;
  --color-green-dark-2: #60a880;
  --color-teal-dark-2: #60a8a0;
  --color-blue-dark-2: #6088b8;
  --color-violet-dark-2: #8068b8;
  --color-purple-dark-2: #9868b8;
  --color-pink-dark-2: #b86890;
  --color-brown-dark-2: #a08068;
  --color-black-dark-2: #0a0c10;

  /* ── ANSI terminal — pastel ── */
  --color-ansi-black: #0a0e14;
  --color-ansi-red: #e0a0a0;
  --color-ansi-green: #a8d8a0;
  --color-ansi-yellow: #e0d0a0;
  --color-ansi-blue: #a0b8e0;
  --color-ansi-magenta: #d8a0c8;
  --color-ansi-cyan: #a0d8d0;
  --color-ansi-white: var(--color-console-fg-subtle);
  --color-ansi-bright-black: #303848;
  --color-ansi-bright-red: #f0b8b8;
  --color-ansi-bright-green: #b8e8b0;
  --color-ansi-bright-yellow: #f0e0b0;
  --color-ansi-bright-blue: #b0c8f0;
  --color-ansi-bright-magenta: #e8b8d8;
  --color-ansi-bright-cyan: #b0e8e0;
  --color-ansi-bright-white: var(--color-console-fg);

  --color-gold: #d0c090;
  --color-white: #f0f0f4;
  --color-pure-black: #000000;

  /* ── Diff ── */
  --color-diff-removed-word-bg: #5a2828;
  --color-diff-added-word-bg: #1c4030;
  --color-diff-removed-row-bg: #2a1010;
  --color-diff-moved-row-bg: #3a2810;
  --color-diff-added-row-bg: #0c2018;
  --color-diff-removed-row-border: #5a2828;
  --color-diff-moved-row-border: #6a5020;
  --color-diff-added-row-border: #1c4030;
  --color-diff-inactive: var(--steel-650);

  /* ── Status ── */
  --color-error-border: #5a2828;
  --color-error-bg: #301414;
  --color-error-bg-active: #5a2828;
  --color-error-bg-hover: #5a2828;
  --color-error-text: #f8e0e0;
  --color-success-border: #1c5030;
  --color-success-bg: #0c2018;
  --color-success-text: #b0f0c8;
  --color-warning-border: #6a5020;
  --color-warning-bg: #302010;
  --color-warning-text: #f8f0b0;
  --color-info-border: #283868;
  --color-info-bg: #101830;
  --color-info-text: var(--steel-100);

  /* ── Badges ── */
  --color-red-badge: #d08080;
  --color-red-badge-bg: #d0808022;
  --color-red-badge-hover-bg: #d0808044;
  --color-green-badge: #80c8a0;
  --color-green-badge-bg: #80c8a022;
  --color-green-badge-hover-bg: #80c8a044;
  --color-yellow-badge: #d8c880;
  --color-yellow-badge-bg: #d8c88022;
  --color-yellow-badge-hover-bg: #d8c88044;
  --color-orange-badge: #d8a080;
  --color-orange-badge-bg: #d8a08022;
  --color-orange-badge-hover-bg: #d8a08044;

  /* ── Thin colours ── */
  --thin-lightness: 0.72;
  --regular-chroma: 0.14;
  --color-thin-green: oklch(var(--thin-lightness) var(--regular-chroma) 145deg);
  --color-thin-red: oklch(var(--thin-lightness) var(--regular-chroma) 27deg);
  --color-thin-purple: oklch(var(--thin-lightness) var(--regular-chroma) 298deg);
  --color-thin-orange: oklch(var(--thin-lightness) var(--regular-chroma) 41deg);
  --thin-lightness-highlight: 0.78;
  --color-thin-red-highlight: oklch(var(--thin-lightness-highlight) var(--regular-chroma) 27deg);
  --bg-lightness: 0.18;
  --bg-chroma: 0.03;
  --color-danger-bg: oklch(var(--bg-lightness) var(--bg-chroma) 27deg);

  /* ── Layout surfaces — OLED true black base ── */
  --color-body: #000000;
  --color-box-header: var(--steel-700);
  --color-box-body: var(--steel-750);
  --color-box-body-highlight: var(--steel-650);
  --color-text-dark: #f0f0f4;
  --color-text: var(--steel-100);
  --color-text-light: var(--steel-150);
  --color-text-light-1: var(--steel-150);
  --color-text-light-2: var(--steel-200);
  --color-text-light-3: var(--steel-200);
  --color-footer: #000000;
  --color-timeline: var(--steel-650);
  --color-input-text: var(--steel-100);
  --color-input-background: var(--steel-650);
  --color-input-toggle-background: var(--steel-650);
  --color-input-border: var(--steel-550);
  --color-input-border-hover: var(--steel-450);
  --color-header-wrapper: #000000;
  --color-header-wrapper-transparent: #00000000;
  --color-light: #ffffff10;
  --color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled)));
  --color-light-border: #ffffff14;
  --color-hover: var(--steel-600);
  --color-active: var(--steel-650);
  --color-menu: var(--steel-700);
  --color-card: var(--steel-700);
  --fancy-card-bg: var(--steel-650);
  --fancy-card-border: var(--steel-600);
  --color-markup-table-row: #ffffff04;
  --color-markup-code-block: #050608;
  --color-markup-code-inline: #050608;
  --color-button: var(--steel-600);
  --color-code-bg: #050608;
  --color-shadow: #00000080;
  --color-secondary-bg: var(--steel-700);
  --color-text-focus: #f0f0f4;
  --color-expand-button: #1a2030;
  --color-placeholder-text: var(--color-text-light-3);
  --color-editor-line-highlight: var(--steel-700);
  --color-project-board-bg: var(--color-secondary-light-3);
  --color-project-board-dark-label: var(--color-text-light-3);
  --color-caret: var(--color-text);
  --color-reaction-bg: #ffffff08;
  --color-reaction-active-bg: var(--color-primary-alpha-30);
  --color-reaction-hover-bg: var(--color-primary-alpha-40);
  --color-tooltip-text: #f0f0f4;
  --color-tooltip-bg: #000000f0;
  --color-nav-bg: #000000;
  --color-nav-hover-bg: var(--steel-600);
  --color-nav-text: var(--color-text);
  --color-secondary-nav-bg: var(--color-body);
  --color-label-text: #f0f0f4;
  --color-label-bg: var(--steel-600);
  --color-label-hover-bg: var(--steel-550);
  --color-label-active-bg: var(--steel-500);
  --color-label-bg-alt: var(--steel-550);
  --color-accent: var(--color-primary-light-1);
  --color-small-accent: var(--color-primary-light-5);
  --color-highlight-fg: var(--color-primary-light-4);
  --color-highlight-bg: var(--color-primary-alpha-20);
  --color-overlay-backdrop: #000000e0;
  --checkerboard-color-1: #1a1a1a;
  --checkerboard-color-2: #0a0a0a;

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

/* =========================================================================
   EMOJI + UI OVERRIDES (unchanged logic, adapted colours)
   ========================================================================= */
.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);
}

i.grey.icon.icon.icon.icon {
  color: var(--steel-350) !important;
}

.ui.secondary.vertical.menu {
  border-radius: 0.28571429rem !important;
  overflow: hidden;
}

.ui.basic.primary.button.item {
  background-color: var(--color-active) !important;
  color: var(--color-text) !important;
  box-shadow: none !important;
}

.ui.red.label.notification_count,
.ui.primary.label,
.ui.primary.labels .label {
  background-color: var(--color-primary-light-3) !important;
}

.ui.labeled.icon.buttons > .button > .icon,
.ui.labeled.icon.button > .icon {
  background-color: var(--color-light) !important;
}

#review-box .review-comments-counter {
  background-color: var(--color-shadow) !important;
  color: var(--color-white) !important;
  margin-left: 0.5em;
}

.ui.basic.labels .primary.label,
.ui.ui.ui.basic.primary.label {
  color: var(--color-text-dark) !important;
}

.ui.yellow.label.pending-label {
  color: var(--color-warning-text) !important;
}

::selection {
  background: var(--color-primary-alpha-40) !important;
  color: var(--color-white) !important;
}

strong.attention-important,
svg.attention-important {
  color: var(--color-violet-light);
}

strong.attention-note,
svg.attention-note {
  color: var(--color-blue-light);
}

strong.attention-caution,
svg.attention-caution {
  color: var(--color-red-light);
}

.ui.basic.red.button {
  background-color: var(--color-red);
  color: var(--color-white);
}

.ui.basic.red.button:hover,
.ui.basic.red.button:focus {
  background-color: var(--color-red-dark-1);
  color: var(--color-white);
}

.ui.basic.red.button:active {
  background-color: var(--color-red-dark-2);
  color: var(--color-white);
}