/* AMOLED pastel gruvbox — dark: pitch black + pastel accents, light: ivory + muted earth tones */

@media (prefers-color-scheme: dark) {
  :root {
    --is-dark-theme: true;

    /* primary — pastel sage */
    --color-primary: #b8d4a0;
    --color-primary-contrast: #000000;
    --color-primary-dark-1: #b8d4a0;
    --color-primary-dark-2: #c2daa9;
    --color-primary-dark-3: #cce0b3;
    --color-primary-dark-4: #d5e6bd;
    --color-primary-dark-5: #dfecc7;
    --color-primary-dark-6: #e9f2d1;
    --color-primary-dark-7: #f3f8db;
    --color-primary-light-1: #b8d4a0;
    --color-primary-light-2: #9fb88a;
    --color-primary-light-3: #869c74;
    --color-primary-light-4: #6d805e;
    --color-primary-light-5: #546448;
    --color-primary-light-6: #3b4832;
    --color-primary-light-7: #222c1c;
    --color-primary-alpha-10: rgba(184, 212, 160, 0.1);
    --color-primary-alpha-20: rgba(184, 212, 160, 0.2);
    --color-primary-alpha-30: rgba(184, 212, 160, 0.3);
    --color-primary-alpha-40: rgba(184, 212, 160, 0.4);
    --color-primary-alpha-50: rgba(184, 212, 160, 0.5);
    --color-primary-alpha-60: rgba(184, 212, 160, 0.6);
    --color-primary-alpha-70: rgba(184, 212, 160, 0.7);
    --color-primary-alpha-80: rgba(184, 212, 160, 0.8);
    --color-primary-alpha-90: rgba(184, 212, 160, 0.9);

    /* secondary — near-black for borders/dividers */
    --color-secondary: #1c1c1c;
    --color-secondary-dark-1: #1c1c1c;
    --color-secondary-dark-2: #2c2c2c;
    --color-secondary-dark-3: #3c3c3c;
    --color-secondary-dark-4: #4c4c4c;
    --color-secondary-dark-5: #5c5c5c;
    --color-secondary-dark-6: #6c6c6c;
    --color-secondary-dark-7: #7c7c7c;
    --color-secondary-dark-8: #8c8c8c;
    --color-secondary-dark-9: #9c9c9c;
    --color-secondary-dark-10: #acacac;
    --color-secondary-dark-11: #bcbcbc;
    --color-secondary-dark-12: #cccccc;
    --color-secondary-dark-13: #dcdcdc;
    --color-secondary-light-1: #1c1c1c;
    --color-secondary-light-2: #141414;
    --color-secondary-light-3: #0c0c0c;
    --color-secondary-light-4: #080808;
    --color-secondary-alpha-10: rgba(28, 28, 28, 0.1);
    --color-secondary-alpha-20: rgba(28, 28, 28, 0.2);
    --color-secondary-alpha-30: rgba(28, 28, 28, 0.3);
    --color-secondary-alpha-40: rgba(28, 28, 28, 0.4);
    --color-secondary-alpha-50: rgba(28, 28, 28, 0.5);
    --color-secondary-alpha-60: rgba(28, 28, 28, 0.6);
    --color-secondary-alpha-70: rgba(28, 28, 28, 0.7);
    --color-secondary-alpha-80: rgba(28, 28, 28, 0.8);
    --color-secondary-alpha-90: rgba(28, 28, 28, 0.9);

    /* pastel palette */
    --color-red: #e8a0a0;
    --color-orange: #e8c4a0;
    --color-yellow: #e8d8a0;
    --color-olive: #c8d4a0;
    --color-green: #b8d4a0;
    --color-teal: #a0d4c0;
    --color-blue: #a0c0d8;
    --color-violet: #c0a0d8;
    --color-purple: #c0a0d8;
    --color-pink: #d8a0c0;
    --color-brown: #d4b8a0;
    --color-grey: #808078;
    --color-red-light: #e8a0a0;
    --color-orange-light: #e8c4a0;
    --color-yellow-light: #e8d8a0;
    --color-olive-light: #c8d4a0;
    --color-green-light: #b8d4a0;
    --color-teal-light: #a0d4c0;
    --color-blue-light: #a0c0d8;
    --color-violet-light: #c0a0d8;
    --color-purple-light: #c0a0d8;
    --color-pink-light: #d8a0c0;
    --color-brown-light: #d4b8a0;
    --color-grey-light: #808078;
    --color-black: #0c0c0c;
    --color-gold: #d4c0a0;
    --color-white: #000000;

    /* diffs */
    --color-diff-removed-word-bg: #3a1515;
    --color-diff-added-word-bg: #1a2a15;
    --color-diff-removed-row-bg: #1a0808;
    --color-diff-moved-row-bg: #081518;
    --color-diff-added-row-bg: #0a1a0a;
    --color-diff-removed-row-border: #804040;
    --color-diff-moved-row-border: #407080;
    --color-diff-added-row-border: #508040;
    --color-diff-inactive: #0c0c0c;

    /* status */
    --color-error-border: #804040;
    --color-error-bg: #1a0808;
    --color-error-text: #e8a0a0;
    --color-success-border: #508040;
    --color-success-bg: #0a1a0a;
    --color-success-text: #b8d4a0;
    --color-warning-border: #807040;
    --color-warning-bg: #1a1508;
    --color-warning-text: #e8d8a0;
    --color-info-border: #407080;
    --color-info-bg: #081518;
    --color-info-text: #a0c0d8;

    /* surfaces — pure black AMOLED */
    --color-body: #000000;
    --color-box-header: #141414;
    --color-box-body: #080808;
    --color-box-body-highlight: #0c0c0c;
    --color-footer: #080808;
    --color-navbar: #080808;
    --color-navbar-transparent: #080808;
    --color-nav-bg: #080808;
    --color-nav-hover-bg: #141414;
    --color-light: #080808;
    --color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled)));
    --color-light-border: #1c1c1c;
    --color-menu: #080808;
    --color-card: #080808;
    --color-button: #141414;
    --color-code-bg: #000000;
    --color-code-sidebar-bg: #080808;
    --color-secondary-bg: #080808;
    --color-markup-table-row: #0c0c0c;
    --color-markup-code-block: #000000;
    --color-header-bar: #080808;
    --color-expand-button: #0c0c0c;
    --color-editor-line-highlight: #0c0c0c;
    --color-active-line: #0c0c0c;
    --color-project-board-bg: #000000;
    --color-project-board-light-label: #b8d4a0;

    /* text — ivory */
    --color-text-dark: #e8c4a0;
    --color-text: #fffff0;
    --color-text-hover: rgba(255, 255, 240, 0.75);
    --color-text-light: #e8d8a0;
    --color-text-light-1: #707068;
    --color-text-light-2: #e8c4a0;
    --color-text-light-3: #707068;
    --color-text-focus: #ffffff;
    --color-placeholder-text: #505048;

    /* inputs */
    --color-input-text: #fffff0;
    --color-input-background: #000000;
    --color-input-toggle-background: #080808;
    --color-input-border: #1c1c1c;
    --color-input-border-hover: #2c2c2c;

    /* timeline */
    --color-timeline: #1c1c1c;

    /* interaction */
    --color-hover: rgba(28, 28, 28, 0.5);
    --color-active: rgba(28, 28, 28, 0.5);
    --color-shadow: #00000080;

    /* labels */
    --color-label-bg: #1c1c1c;
    --color-label-text: #e8d8a0;
    --color-label-active-bg: #1c1c1c;

    /* reactions */
    --color-reaction-bg: #ffffff08;
    --color-reaction-active-bg: var(--color-primary-alpha-40);

    /* misc */
    --color-caret: var(--color-text);
    --color-accent: var(--color-primary-light-1);
    --color-small-accent: var(--color-primary-light-5);
    --color-tooltip-bg: var(--color-secondary);
    --color-input-toggle-background: var(--color-placeholder-text) !important;
    accent-color: var(--color-accent);
    color-scheme: dark;
  }

  /* chroma syntax — pastel on black */
  .chroma .nx { color: #fffff0 }
  .chroma .c, .chroma .c1, .chroma .ch, .chroma .cm, .chroma .sd { color: #606058 }
  .chroma .k, .chroma .kc, .chroma .kd, .chroma .kn, .chroma .kp, .chroma .kr { color: #e8a0a0 }
  .chroma .o, .chroma .ow { color: #e8c4a0 }
  .chroma .s, .chroma .s1, .chroma .s2, .chroma .sa, .chroma .sb, .chroma .sc,
  .chroma .sh, .chroma .si, .chroma .sr, .chroma .ss, .chroma .sx, .chroma .nt,
  .chroma .cpf { color: #a0d4c0 }
  .chroma .m, .chroma .mb, .chroma .mf, .chroma .mh, .chroma .mi, .chroma .mo,
  .chroma .nl { color: #c0a0d8 }
  .chroma .kt, .chroma .nc, .chroma .nn, .chroma .nv { color: #e8d8a0 }
  .chroma .nf, .chroma .nb, .chroma .na { color: #b8d4a0 }
  .chroma .bp, .chroma .cp, .chroma .ne, .chroma .nd, .chroma .se { color: #a0c0d8 }

  /* buttons */
  .ui.primary.button, .ui.primary.buttons .button {
    background: #b8d4a0; background-color: #b8d4a0 !important; color: #000000 !important;
  }
  .ui.primary.button:hover, .ui.primary.buttons .button:hover {
    background: rgba(184, 212, 160, 0.8); background-color: rgba(184, 212, 160, 0.8) !important; color: #000000;
  }
  .ui.grey.labels .label, .ui.ui.ui.grey.label, .ui.grey.button, .ui.grey.buttons .button {
    color: #000000; background-color: #b8d4a0; border-color: #b8d4a0;
  }
  .ui.grey.labels .label:hover, .ui.ui.ui.grey.label:hover, .ui.grey.button:hover, .ui.grey.buttons .button:hover {
    color: #000000; background-color: #b8d4a0; border-color: #b8d4a0;
  }
  .ui.green.buttons .button, .ui.green.button {
    background: #a0d4c0; background-color: #a0d4c0; color: #000000;
  }
  .ui.green.buttons .button:hover, .ui.green.button:hover {
    background: rgba(160, 212, 192, 0.8); background-color: rgba(160, 212, 192, 0.8); color: #000000;
  }
  .ui.red.labels .label, .ui.ui.ui.red.label, .ui.red.button, .ui.red.buttons .button {
    background: #e8a0a0; background-color: #e8a0a0; color: #000000;
  }
  .ui.red.labels .label:hover, .ui.ui.ui.red.label:hover, .ui.red.button:hover, .ui.red.buttons .button:hover {
    background: rgba(232, 160, 160, 0.8); background-color: rgba(232, 160, 160, 0.8); color: #000000;
  }
  .ui.orange.labels .label, .ui.ui.ui.orange.label, .ui.orange.button, .ui.orange.buttons .button {
    background: #e8c4a0; background-color: #e8c4a0; color: #000000;
  }
  .ui.orange.labels .label:hover, .ui.ui.ui.orange.label:hover, .ui.orange.button:hover, .ui.orange.buttons .button:hover {
    background: rgba(232, 196, 160, 0.8); background-color: rgba(232, 196, 160, 0.8); color: #000000;
  }

  /* misc ui */
  .ui.labeled.button.disabled > .button, .ui.basic.buttons .button, .ui.basic.button { color: #e8c4a0 }
  .ui.labeled.button.disabled > .button:hover, .ui.basic.buttons .button:hover, .ui.basic.button:hover { color: #e8c4a0 }
  .repo-title { color: #e8c4a0 }
  .repo-buttons button[disabled] ~ .label, .repo-buttons .ui.labeled.button.disabled > .label { color: #b8d4a0 }
  .ui.basic.labels .label, .ui.basic.label { color: #b8d4a0 }
  .repository .ui.segment.sub-menu .list .item a:hover, .ui.tabular.menu .item:hover { color: var(--color-text-hover) }
  .ui.primary.labels .label, .ui.ui.ui.primary.label { color: #000000 }
  .ui.green.labels .label, .ui.ui.ui.green.label { color: #000000 }
  .ui.labels a.label, a.ui.label { background-color: #080808 }
  .ui.labels a.label:hover, a.ui.label:hover { background-color: #000000 }
  i.grey.icon.icon.icon.icon { color: #808078 }

  /* scrollbar */
  * { scrollbar-color: #b8d4a0 transparent !important }
  ::-webkit-scrollbar { width: 10px; height: 10px }
  ::-webkit-scrollbar-thumb { box-shadow: inset 0 0 0 6px #b8d4a0 !important; border: 2px solid transparent; border-radius: 5px !important }
  ::-webkit-scrollbar-thumb:window-inactive { box-shadow: inset 0 0 0 6px #b8d4a0 !important }
  ::-webkit-scrollbar-thumb:hover { box-shadow: inset 0 0 0 6px #b8d4a0 !important }
  ::-webkit-scrollbar-corner { background: transparent }
}

@media (prefers-color-scheme: light) {
  :root {
    --is-dark-theme: false;

    /* primary — muted olive */
    --color-primary: #7a8a5e;
    --color-primary-contrast: #fffff0;
    --color-primary-dark-1: #7a8a5e;
    --color-primary-dark-2: #6e7e54;
    --color-primary-dark-3: #62724a;
    --color-primary-dark-4: #566640;
    --color-primary-dark-5: #4a5a36;
    --color-primary-dark-6: #3e4e2c;
    --color-primary-dark-7: #324222;
    --color-primary-light-1: #7a8a5e;
    --color-primary-light-2: #8e9c74;
    --color-primary-light-3: #a2ae8a;
    --color-primary-light-4: #b6c0a0;
    --color-primary-light-5: #cad2b6;
    --color-primary-light-6: #dee4cc;
    --color-primary-light-7: #f2f6e2;
    --color-primary-alpha-10: rgba(122, 138, 94, 0.1);
    --color-primary-alpha-20: rgba(122, 138, 94, 0.2);
    --color-primary-alpha-30: rgba(122, 138, 94, 0.3);
    --color-primary-alpha-40: rgba(122, 138, 94, 0.4);
    --color-primary-alpha-50: rgba(122, 138, 94, 0.5);
    --color-primary-alpha-60: rgba(122, 138, 94, 0.6);
    --color-primary-alpha-70: rgba(122, 138, 94, 0.7);
    --color-primary-alpha-80: rgba(122, 138, 94, 0.8);
    --color-primary-alpha-90: rgba(122, 138, 94, 0.9);

    /* secondary — warm linen */
    --color-secondary: #e0e0cc;
    --color-secondary-dark-1: #e0e0cc;
    --color-secondary-dark-2: #d2d2be;
    --color-secondary-dark-3: #c4c4b0;
    --color-secondary-dark-4: #b6b6a2;
    --color-secondary-dark-5: #a8a894;
    --color-secondary-dark-6: #9a9a86;
    --color-secondary-dark-7: #8c8c78;
    --color-secondary-dark-8: #7e7e6a;
    --color-secondary-dark-9: #70705c;
    --color-secondary-dark-10: #62624e;
    --color-secondary-dark-11: #545440;
    --color-secondary-dark-12: #464632;
    --color-secondary-dark-13: #383824;
    --color-secondary-light-1: #e0e0cc;
    --color-secondary-light-2: #eaead6;
    --color-secondary-light-3: #f2f2e2;
    --color-secondary-light-4: #fafae8;
    --color-secondary-alpha-10: rgba(224, 224, 204, 0.1);
    --color-secondary-alpha-20: rgba(224, 224, 204, 0.2);
    --color-secondary-alpha-30: rgba(224, 224, 204, 0.3);
    --color-secondary-alpha-40: rgba(224, 224, 204, 0.4);
    --color-secondary-alpha-50: rgba(224, 224, 204, 0.5);
    --color-secondary-alpha-60: rgba(224, 224, 204, 0.6);
    --color-secondary-alpha-70: rgba(224, 224, 204, 0.7);
    --color-secondary-alpha-80: rgba(224, 224, 204, 0.8);
    --color-secondary-alpha-90: rgba(224, 224, 204, 0.9);

    /* muted earth palette */
    --color-red: #b06060;
    --color-orange: #b08050;
    --color-yellow: #a09030;
    --color-olive: #7a8a5e;
    --color-green: #7a8a5e;
    --color-teal: #508a70;
    --color-blue: #507088;
    --color-violet: #885088;
    --color-purple: #885088;
    --color-pink: #a06080;
    --color-brown: #a08060;
    --color-grey: #808078;
    --color-red-light: #b06060;
    --color-orange-light: #b08050;
    --color-yellow-light: #a09030;
    --color-olive-light: #7a8a5e;
    --color-green-light: #7a8a5e;
    --color-teal-light: #508a70;
    --color-blue-light: #507088;
    --color-violet-light: #885088;
    --color-purple-light: #885088;
    --color-pink-light: #a06080;
    --color-brown-light: #a08060;
    --color-grey-light: #808078;
    --color-black: #f2f2e2;
    --color-gold: #a08060;
    --color-white: #fffff0;

    /* diffs */
    --color-diff-removed-word-bg: #e8c0c0;
    --color-diff-added-word-bg: #c8d8b8;
    --color-diff-removed-row-bg: #f5e0e0;
    --color-diff-moved-row-bg: #e0e8e8;
    --color-diff-added-row-bg: #e0f0d8;
    --color-diff-removed-row-border: #c09090;
    --color-diff-moved-row-border: #80a0a0;
    --color-diff-added-row-border: #90b070;
    --color-diff-inactive: #f2f2e2;

    /* status */
    --color-error-border: #c09090;
    --color-error-bg: #f5e0e0;
    --color-error-text: #b06060;
    --color-success-border: #90b070;
    --color-success-bg: #e0f0d8;
    --color-success-text: #7a8a5e;
    --color-warning-border: #c0a860;
    --color-warning-bg: #f5ecd0;
    --color-warning-text: #a09030;
    --color-info-border: #7098a8;
    --color-info-bg: #e0eef5;
    --color-info-text: #507088;

    /* surfaces — ivory */
    --color-body: #fffff0;
    --color-box-header: #f0f0dc;
    --color-box-body: #fafae6;
    --color-box-body-highlight: #f5f5e1;
    --color-footer: #fafae6;
    --color-navbar: #fafae6;
    --color-navbar-transparent: #fafae6;
    --color-nav-bg: #fafae6;
    --color-nav-hover-bg: #f0f0dc;
    --color-light: #fafae6;
    --color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled)));
    --color-light-border: #e0e0cc;
    --color-menu: #fafae6;
    --color-card: #fafae6;
    --color-button: #f0f0dc;
    --color-code-bg: #fffff0;
    --color-code-sidebar-bg: #fafae6;
    --color-secondary-bg: #fafae6;
    --color-markup-table-row: #f0f0dc;
    --color-markup-code-block: #fffff0;
    --color-header-bar: #fafae6;
    --color-expand-button: #f5f5e1;
    --color-editor-line-highlight: #fafae6;
    --color-active-line: #fafae6;
    --color-project-board-bg: #fffff0;
    --color-project-board-light-label: #7a8a5e;

    /* text */
    --color-text-dark: #b08050;
    --color-text: #2a2a28;
    --color-text-hover: rgba(42, 42, 40, 0.8);
    --color-text-light: #a09030;
    --color-text-light-1: #808078;
    --color-text-light-2: #b08050;
    --color-text-light-3: #808078;
    --color-text-focus: #000000;
    --color-placeholder-text: #a0a098;

    /* inputs */
    --color-input-text: #2a2a28;
    --color-input-background: #fffff0;
    --color-input-toggle-background: #fafae6;
    --color-input-border: #e0e0cc;
    --color-input-border-hover: #c8c8b4;

    /* timeline */
    --color-timeline: #e0e0cc;

    /* interaction */
    --color-hover: rgba(224, 224, 204, 0.5);
    --color-active: rgba(224, 224, 204, 0.5);
    --color-shadow: #00000020;

    /* labels */
    --color-label-bg: #e0e0cc;
    --color-label-text: #a09030;
    --color-label-active-bg: #e0e0cc;

    /* reactions */
    --color-reaction-bg: #00000008;
    --color-reaction-active-bg: var(--color-primary-alpha-40);

    /* misc */
    --color-caret: var(--color-text);
    --color-accent: var(--color-primary-light-1);
    --color-small-accent: var(--color-primary-light-5);
    --color-tooltip-bg: var(--color-secondary);
    --color-input-toggle-background: var(--color-placeholder-text) !important;
    accent-color: var(--color-accent);
    color-scheme: light;
  }

  /* chroma syntax — muted earth on ivory */
  .chroma .nx { color: #2a2a28 }
  .chroma .c, .chroma .c1, .chroma .ch, .chroma .cm, .chroma .sd { color: #808078 }
  .chroma .k, .chroma .kc, .chroma .kd, .chroma .kn, .chroma .kp, .chroma .kr { color: #b06060 }
  .chroma .o, .chroma .ow { color: #b08050 }
  .chroma .s, .chroma .s1, .chroma .s2, .chroma .sa, .chroma .sb, .chroma .sc,
  .chroma .sh, .chroma .si, .chroma .sr, .chroma .ss, .chroma .sx, .chroma .nt,
  .chroma .cpf { color: #508a70 }
  .chroma .m, .chroma .mb, .chroma .mf, .chroma .mh, .chroma .mi, .chroma .mo,
  .chroma .nl { color: #885088 }
  .chroma .kt, .chroma .nc, .chroma .nn, .chroma .nv { color: #a09030 }
  .chroma .nf, .chroma .nb, .chroma .na { color: #7a8a5e }
  .chroma .bp, .chroma .cp, .chroma .ne, .chroma .nd, .chroma .se { color: #507088 }

  /* buttons */
  .ui.primary.button, .ui.primary.buttons .button {
    background: #7a8a5e; background-color: #7a8a5e !important; color: #fffff0 !important;
  }
  .ui.primary.button:hover, .ui.primary.buttons .button:hover {
    background: rgba(122, 138, 94, 0.8); background-color: rgba(122, 138, 94, 0.8) !important; color: #fffff0;
  }
  .ui.grey.labels .label, .ui.ui.ui.grey.label, .ui.grey.button, .ui.grey.buttons .button {
    color: #fffff0; background-color: #7a8a5e; border-color: #7a8a5e;
  }
  .ui.grey.labels .label:hover, .ui.ui.ui.grey.label:hover, .ui.grey.button:hover, .ui.grey.buttons .button:hover {
    color: #fffff0; background-color: #7a8a5e; border-color: #7a8a5e;
  }
  .ui.green.buttons .button, .ui.green.button {
    background: #508a70; background-color: #508a70; color: #fffff0;
  }
  .ui.green.buttons .button:hover, .ui.green.button:hover {
    background: rgba(80, 138, 112, 0.8); background-color: rgba(80, 138, 112, 0.8); color: #fffff0;
  }
  .ui.red.labels .label, .ui.ui.ui.red.label, .ui.red.button, .ui.red.buttons .button {
    background: #b06060; background-color: #b06060; color: #fffff0;
  }
  .ui.red.labels .label:hover, .ui.ui.ui.red.label:hover, .ui.red.button:hover, .ui.red.buttons .button:hover {
    background: rgba(176, 96, 96, 0.8); background-color: rgba(176, 96, 96, 0.8); color: #fffff0;
  }
  .ui.orange.labels .label, .ui.ui.ui.orange.label, .ui.orange.button, .ui.orange.buttons .button {
    background: #b08050; background-color: #b08050; color: #fffff0;
  }
  .ui.orange.labels .label:hover, .ui.ui.ui.orange.label:hover, .ui.orange.button:hover, .ui.orange.buttons .button:hover {
    background: rgba(176, 128, 80, 0.8); background-color: rgba(176, 128, 80, 0.8); color: #fffff0;
  }

  /* misc ui */
  .ui.labeled.button.disabled > .button, .ui.basic.buttons .button, .ui.basic.button { color: #b08050 }
  .ui.labeled.button.disabled > .button:hover, .ui.basic.buttons .button:hover, .ui.basic.button:hover { color: #b08050 }
  .repo-title { color: #b08050 }
  .repo-buttons button[disabled] ~ .label, .repo-buttons .ui.labeled.button.disabled > .label { color: #7a8a5e }
  .ui.basic.labels .label, .ui.basic.label { color: #7a8a5e }
  .repository .ui.segment.sub-menu .list .item a:hover, .ui.tabular.menu .item:hover { color: var(--color-text-hover) }
  .ui.primary.labels .label, .ui.ui.ui.primary.label { color: #fffff0 }
  .ui.green.labels .label, .ui.ui.ui.green.label { color: #fffff0 }
  .ui.labels a.label, a.ui.label { background-color: #fafae6 }
  .ui.labels a.label:hover, a.ui.label:hover { background-color: #fffff0 }
  i.grey.icon.icon.icon.icon { color: #808078 }

  /* scrollbar */
  * { scrollbar-color: #7a8a5e transparent !important }
  ::-webkit-scrollbar { width: 10px; height: 10px }
  ::-webkit-scrollbar-thumb { box-shadow: inset 0 0 0 6px #7a8a5e !important; border: 2px solid transparent; border-radius: 5px !important }
  ::-webkit-scrollbar-thumb:window-inactive { box-shadow: inset 0 0 0 6px #7a8a5e !important }
  ::-webkit-scrollbar-thumb:hover { box-shadow: inset 0 0 0 6px #7a8a5e !important }
  ::-webkit-scrollbar-corner { background: transparent }
}