/*
 * Bayesian Forge custom theme ("meadow-dark") - written from scratch.
 * Dark variant of "meadow": soft nature theme in blue and green on a deep
 * green-charcoal background (#1B2420), easy on the eyes at night:
 *   green accent #3E9E66, steel-blue links #8AB8D8, soft red #D98A8A.
 * All surfaces opaque, solid soft borders. Registered in conf/app.ini
 * ([ui] THEMES). Docs: https://forgejo.org/docs/v17.0/contributor/customization/
 */
.chroma .bp{color:#8FD3A8}.chroma .c,.chroma .c1,.chroma .ch,.chroma .cm{color:#7A8B80}.chroma .cp{color:#6FCF97}.chroma .cpf{color:#8AB8D8}.chroma .cs{color:#B39DDB}.chroma .dl{color:#8AB8D8}.chroma .gd{color:##E4EDE7;background-color:#3A1E22}.chroma .ge{color:#D98A8A}.chroma .gh{color:#E0A878}.chroma .gi{color:##E4EDE7;background-color:#1E3A2E}.chroma .go{color:#7A8B80}.chroma .gp{color:#E4EDE7}.chroma .gr{color:#D98A8A}.chroma .gs{color:#E4EDE7}.chroma .gt{color:#D98A8A}.chroma .gu{color:#D9B36A}.chroma .il{color:#8AB8D8}.chroma .k{color:#D98A8A}.chroma .kc{color:#8AB8D8}.chroma .kd{color:#D98A8A}.chroma .kn{color:#E0A878}.chroma .kp{color:#4A7A5E}.chroma .kr{color:#D98A8A}.chroma .kt{color:#D98A8A}.chroma .m,.chroma .mb,.chroma .mf,.chroma .mh,.chroma .mi,.chroma .mo{color:#8AB8D8}.chroma .n{color:#E4EDE7}.chroma .na,.chroma .nb{color:#8FD3A8}.chroma .nc{color:#E0A878}.chroma .nd{color:#6FCF97}.chroma .ne{color:#D98A8A}.chroma .nf,.chroma .ni{color:#8FD3A8}.chroma .nl{color:#D98A8A}.chroma .nn{color:#E4EDE7}.chroma .no{color:#8AB8D8}.chroma .nt{color:#D98A8A}.chroma .nv{color:#E4EDE7}.chroma .nx{color:#C9D8CE}.chroma .o{color:#D98A8A}.chroma .ow{color:#4A7A5E}.chroma .p{color:#C9D8CE}.chroma .s,.chroma .s1,.chroma .s2{color:#D9B36A}.chroma .sa{color:#E0A878}.chroma .sb{color:#D9B36A}.chroma .sc{color:#E0A878}.chroma .sd{color:#D9B36A}.chroma .se{color:#E0A878}.chroma .sh{color:#D9B36A}.chroma .si{color:#E0A878}.chroma .sr{color:#B39DDB}.chroma .ss{color:#E0A878}.chroma .sx{color:#E0A878}.chroma .vc,.chroma .vg,.chroma .vi{color:#8AB8D8}.chroma .w{color:#7A8B80}.CodeMirror.cm-s-default .cm-property,.CodeMirror.cm-s-paper .cm-property{color:#6FCF97}.CodeMirror.cm-s-default .cm-header,.CodeMirror.cm-s-paper .cm-header{color:#BCC9C1}.CodeMirror.cm-s-default .cm-quote,.CodeMirror.cm-s-paper .cm-quote{color:#5FBFB5}.CodeMirror.cm-s-default .cm-keyword,.CodeMirror.cm-s-paper .cm-keyword{color:#E0A878}.CodeMirror.cm-s-default .cm-atom,.CodeMirror.cm-s-paper .cm-atom{color:#D98A8A}.CodeMirror.cm-s-default .cm-number,.CodeMirror.cm-s-paper .cm-number{color:#8AB8D8}.CodeMirror.cm-s-default .cm-def,.CodeMirror.cm-s-paper .cm-def{color:#E4EDE7}.CodeMirror.cm-s-default .cm-variable-2,.CodeMirror.cm-s-paper .cm-variable-2{color:#5FBFB5}.CodeMirror.cm-s-default .cm-variable-3,.CodeMirror.cm-s-paper .cm-variable-3{color:#5FBFB5}.CodeMirror.cm-s-default .cm-comment,.CodeMirror.cm-s-paper .cm-comment{color:#7A8B80}.CodeMirror.cm-s-default .cm-string,.CodeMirror.cm-s-paper .cm-string{color:#D9B36A}.CodeMirror.cm-s-default .cm-string-2,.CodeMirror.cm-s-paper .cm-string-2{color:#E0A878}.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:#E0A878}.CodeMirror.cm-s-default .cm-builtin,.CodeMirror.cm-s-paper .cm-builtin{color:#D9B36A}.CodeMirror.cm-s-default .cm-bracket,.CodeMirror.cm-s-paper .cm-bracket{color:#6B7A70}.CodeMirror.cm-s-default .cm-tag,.CodeMirror.cm-s-paper .cm-tag{color:#8FD3A8}.CodeMirror.cm-s-default .cm-attribute,.CodeMirror.cm-s-paper .cm-attribute{color:#D9B36A}.CodeMirror.cm-s-default .cm-hr,.CodeMirror.cm-s-paper .cm-hr{color:#7A8B80}.CodeMirror.cm-s-default .cm-url,.CodeMirror.cm-s-paper .cm-url{color:#C9D8CE}.CodeMirror.cm-s-default .cm-link,.CodeMirror.cm-s-paper .cm-link{color:#D9B36A}.CodeMirror.cm-s-default .cm-error,.CodeMirror.cm-s-paper .cm-error{color:#E4EDE7}

/* Dark theme: show dark-mode-only assets, hide light-mode-only ones */
.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;
}

:root {
  --is-dark-theme: true;
  /* soft green accent */
  --color-primary: #3E9E66;
  --color-primary-contrast: #0E1B14;
  --color-primary-dark-1: #3a9560;
  --color-primary-light-1: #4ca571;
  --color-primary-dark-2: #378b5a;
  --color-primary-light-2: #59ac7b;
  --color-primary-dark-3: #338254;
  --color-primary-light-3: #67b286;
  --color-primary-dark-4: #2f784e;
  --color-primary-light-4: #74b991;
  --color-primary-dark-5: #2b6f47;
  --color-primary-light-5: #82c09c;
  --color-primary-dark-6: #286541;
  --color-primary-light-6: #8fc7a6;
  --color-primary-dark-7: #245c3b;
  --color-primary-light-7: #9dceb1;
  /* solid blend, no alpha */
  --color-primary-alpha-10: #3a925f;
  --color-primary-alpha-20: #378658;
  --color-primary-alpha-30: #347951;
  --color-primary-alpha-40: #306d4a;
  --color-primary-alpha-50: #2c6143;
  --color-primary-alpha-60: #29553c;
  --color-primary-alpha-70: #264935;
  --color-primary-alpha-80: #223c2e;
  --color-primary-alpha-90: #1e3027;
  --color-primary-hover: var(--color-primary-light-1);
  --color-primary-active: var(--color-primary-light-2);
  --color-secondary: #2A3630;
  /* ramp up to text color */
  --color-secondary-dark-1: #46564e;
  --color-secondary-dark-2: #54635c;
  --color-secondary-dark-3: #63716a;
  --color-secondary-dark-4: #717e78;
  --color-secondary-dark-5: #808c85;
  --color-secondary-dark-6: #8e9993;
  --color-secondary-dark-7: #9ca6a1;
  --color-secondary-dark-8: #abb4af;
  --color-secondary-dark-9: #b9c1bd;
  --color-secondary-dark-10: #c8cfca;
  --color-secondary-dark-11: #d6dcd8;
  --color-secondary-dark-12: #e5eae6;
  --color-secondary-dark-13: #f3f7f4;
  --color-secondary-light-1: #28332e;
  --color-secondary-light-2: #26312b;
  --color-secondary-light-3: #232e29;
  --color-secondary-light-4: #212b26;
  /* solid */
  --color-secondary-alpha-10: #2F3B34;
  --color-secondary-alpha-20: #31403A;
  --color-secondary-alpha-30: #38463F;
  --color-secondary-alpha-40: #3F4C45;
  --color-secondary-alpha-50: #46564E;
  --color-secondary-alpha-60: #4E5D55;
  --color-secondary-alpha-70: #56655D;
  --color-secondary-alpha-80: #5E6D65;
  --color-secondary-alpha-90: #66756C;
  --color-secondary-hover: var(--color-secondary-light-1);
  --color-secondary-active: var(--color-secondary-light-2);
  --color-console-fg: #8FD3A8;
  --color-console-fg-subtle: #5E9B78;
  --color-console-bg: #101815;
  --color-console-border: #2C3B33;
  --color-console-hover-bg: #1C2620;
  --color-console-active-bg: #24302A;
  --color-console-menu-bg: #0C120F;
  --color-console-menu-border: #2C3B33;
  --color-red: #D98A8A;
  --color-red-light: #de9898;
  --color-red-dark-1: #aa7070;
  --color-red-dark-2: #845c5a;
  --color-orange: #E0A878;
  --color-orange-light: #e4b288;
  --color-orange-dark-1: #af8762;
  --color-orange-dark-2: #876d50;
  --color-yellow: #E8C87A;
  --color-yellow-light: #ebcf8a;
  --color-yellow-dark-1: #b59f64;
  --color-yellow-dark-2: #8c7e52;
  --color-olive: #B8C87A;
  --color-olive-light: #c1cf8a;
  --color-olive-dark-1: #919f64;
  --color-olive-dark-2: #717e52;
  --color-green: #6FCF97;
  --color-green-light: #80d5a3;
  --color-green-dark-1: #5aa479;
  --color-green-dark-2: #498261;
  --color-teal: #5FBFB5;
  --color-teal-light: #72c7be;
  --color-teal-dark-1: #4e9890;
  --color-teal-dark-2: #407972;
  --color-blue: #8AB8D8;
  --color-blue-light: #98c1dd;
  --color-blue-dark-1: #6e93aa;
  --color-blue-dark-2: #587585;
  --color-violet: #B39DDB;
  --color-violet-light: #bca9df;
  --color-violet-dark-1: #8d7fac;
  --color-violet-dark-2: #6f6787;
  --color-purple: #D8A0C0;
  --color-purple-light: #ddabc8;
  --color-purple-dark-1: #a98198;
  --color-purple-dark-2: #836878;
  --color-pink: #E8A8B8;
  --color-pink-light: #ebb2c1;
  --color-pink-dark-1: #b58792;
  --color-pink-dark-2: #8c6d74;
  --color-brown: #C8A888;
  --color-brown-light: #cfb296;
  --color-brown-dark-1: #9d876e;
  --color-brown-dark-2: #7a6d59;
  --color-black: #0E1512;
  --color-black-dark-1: #111916;
  --color-black-dark-2: #141c18;
  --color-grey: #8CA093;
  --color-grey-light: #9DB0A4;
  --color-black-light: #24302A;
  --color-ansi-black: #2A3630;
  --color-ansi-red: #D98A8A;
  --color-ansi-green: #8FD3A8;
  --color-ansi-yellow: #E8C87A;
  --color-ansi-blue: #8AB8D8;
  --color-ansi-magenta: #C89AC8;
  --color-ansi-cyan: #7FC8C8;
  --color-ansi-white: #B8C8BE;
  --color-ansi-bright-black: #4A5A52;
  --color-ansi-bright-red: #E8A8A8;
  --color-ansi-bright-green: #A8E3C0;
  --color-ansi-bright-yellow: #F2D89A;
  --color-ansi-bright-blue: #A8C8E8;
  --color-ansi-bright-magenta: #D8B0D8;
  --color-ansi-bright-cyan: #9AD8D8;
  --color-ansi-bright-white: #E8F0EA;
  --color-ansi-white: var(--color-console-fg-subtle);
  --color-ansi-bright-white: var(--color-console-fg);
  --color-gold: #E8C87A;
  --color-white: #FFFFFF;
  --color-pure-black: #000000;
  --color-diff-removed-word-bg: #5E2A2E;
  --color-diff-added-word-bg: #2A4A34;
  --color-diff-removed-row-bg: #3A1E22;
  --color-diff-moved-row-bg: #4A3A1E;
  --color-diff-added-row-bg: #1E3A2E;
  --color-diff-removed-row-border: #7A3A40;
  --color-diff-moved-row-border: #8A6A3A;
  --color-diff-added-row-border: #3A6A50;
  --color-diff-inactive: #2F3B34;
  --color-error-border: #7A3A40;
  --color-error-bg: #3A1E22;
  --color-error-bg-active: #5E2A2E;
  --color-error-bg-hover: #5E2A2E;
  --color-error-text: #F2C8C8;
  --color-success-border: #3A6A50;
  --color-success-bg: #1E3A2E;
  --color-success-text: #B8E8CC;
  --color-warning-border: #8A6A3A;
  --color-warning-bg: #4A3A1E;
  --color-warning-text: #F2E0B0;
  --color-info-border: #3A5A7A;
  --color-info-bg: #1E2E3E;
  --color-info-text: #B8D8F0;
  --color-red-badge: #D98A8A;
  /* solid */
  --color-red-badge-bg: #453a37;
  --color-red-badge-hover-bg: #634b48;
  --color-green-badge: #6FCF97;
  /* solid */
  --color-green-badge-bg: #2d4a3a;
  --color-green-badge-hover-bg: #3b654d;
  --color-yellow-badge: #E8C87A;
  /* solid */
  --color-yellow-badge-bg: #484834;
  --color-yellow-badge-hover-bg: #696242;
  --color-orange-badge: #E0A878;
  /* solid */
  --color-orange-badge-bg: #464133;
  --color-orange-badge-hover-bg: #665641;
  --thin-lightness: .68;
  --regular-chroma: .19;
  --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: .75;
  --color-thin-red-highlight: oklch(var(--thin-lightness-highlight) var(--regular-chroma) 27deg);
  --bg-lightness: .26;
  --bg-chroma: .05;
  --color-danger-bg: oklch(var(--bg-lightness) var(--bg-chroma) 27deg);
  /* page background: deep green-charcoal */
  --color-body: #1B2420;
  --color-box-header: #2A3630;
  --color-box-body: #24302A;
  --color-box-body-highlight: #2F3B34;
  /* light strong text in dark theme */
  --color-text-dark: #F5FAF7;
  --color-text: #F3F7F4;
  --color-text-light: #BCC9C1;
  --color-text-light-1: #BCC9C1;
  --color-text-light-2: #9DB0A4;
  --color-text-light-3: #9DB0A4;
  --color-footer: #141C18;
  --color-timeline: #3A4A42;
  --color-input-text: #F3F7F4;
  --color-input-background: #24302A;
  --color-input-toggle-background: #2A3630;
  --color-input-border: #3A4A42;
  --color-input-border-hover: #4A5A52;
  /* same as page - banner blends in */
  --color-header-wrapper: #1B2420;
  /* opaque */
  --color-header-wrapper-transparent: #1B2420;
  /* solid */
  --color-light: #2F3B34;
  --color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled)));
  /* solid soft border */
  --color-light-border: #3A4A42;
  --color-hover: #2F3B34;
  --color-active: #38463F;
  --color-menu: #24302A;
  --color-card: #24302A;
  --color-fancy-card-bg: #2A3630;
  --color-fancy-card-border: #3A4A42;
  /* solid */
  --color-markup-table-row: #24302A;
  --color-markup-code-block: #202B25;
  --color-markup-code-inline: #141C18;
  --color-button: #2F3B34;
  --color-code-bg: #202B25;
  --color-shadow: #00000060;
  --color-secondary-bg: #2A3630;
  --color-text-focus: #F5FAF7;
  --color-expand-button: #2F3B34;
  --color-placeholder-text: #9DB0A4;
  --color-editor-line-highlight: #2F3B34;
  --color-project-board-bg: #2A3630;
  --color-project-board-dark-label: #9DB0A4;
  --color-caret: #F3F7F4;
  /* solid */
  --color-reaction-bg: #2F3B34;
  --color-reaction-active-bg: #274f38;
  --color-reaction-hover-bg: #223c2e;
  --color-tooltip-text: #F3F7F4;
  /* solid dark tooltip */
  --color-tooltip-bg: #0E1512;
  /* same as page */
  --color-nav-bg: #1B2420;
  --color-nav-hover-bg: #2F3B34;
  --color-secondary-nav-bg: #1B2420;
  --color-label-text: #F3F7F4;
  --color-label-bg: #3A4A42;
  --color-label-hover-bg: #46564E;
  --color-label-active-bg: #525F58;
  --color-label-bg-alt: #46564E;
  /* light steel-blue links */
  --color-accent: #8AB8D8;
  --color-small-accent: #A8C8E8;
  --color-highlight-fg: #8AB8D8;
  /* solid */
  --color-highlight-bg: #2f3f41;
  --color-overlay-backdrop: #0E151280;
  --color-selection-bg: #35604E;
  --color-selection-fg: #F0F7F2;
  --checkerboard-color-1: #2A3630;
  --checkerboard-color-2: #24302A;
  --color-indicator-offline: #6B7A70;
  /* solid */
  --color-indicator-offline-20: #2A3630;
  --color-indicator-idle: #6FCF97;
  /* solid */
  --color-indicator-idle-20: #2c4638;
  --color-indicator-active: #8AB8D8;
  /* solid */
  --color-indicator-active-20: #314245;
  accent-color: var(--color-accent);
  color-scheme: dark;
}

/* Emoji are drawn for light backgrounds - invert them on this dark theme */
.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);
}

/* --- Per-theme logo: same artwork, meadow-dark colors -------------------- */
img[src$="/assets/img/logo.svg"] {
  content: url("/assets/img/logo-meadow-dark.svg");
}

/* Default-theme tippy boxes (e.g. contribution-calendar day tooltips):
   dark background + light text so they never render grey-on-dark */
.tippy-box:not([data-theme]) {
  background-color: var(--color-tooltip-bg) !important;
  color: var(--color-tooltip-text) !important;
  border: none !important;
}
.tippy-box:not([data-theme]) .tippy-svg-arrow-inner,
.tippy-box:not([data-theme]) .tippy-svg-arrow-outer {
  fill: var(--color-tooltip-bg) !important;
}

/* --- Opaque surfaces: page, header, dropdowns, popups, cards, forms ------ */
html,
body {
  background-color: var(--color-body);
  background-image: none;
}

.header-wrapper,
#navbar {
  background-color: var(--color-header-wrapper) !important;
}

.ui.dropdown .menu,
.ui.menu .dropdown.item .menu,
.ui.selection.dropdown .menu {
  background-color: var(--color-menu) !important;
  border: 1px solid var(--color-light-border) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 2px 6px rgba(0, 0, 0, 0.35);
}

/* Menus inside the top banner / repo tabs sit on the page background: keep them flat */
#navbar .ui.menu,
.header-wrapper .ui.menu,
.ui.tabs.container .ui.menu {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* ...but their dropdown submenus stay opaque */
#navbar .ui.dropdown .menu,
.header-wrapper .ui.dropdown .menu,
.ui.tabs.container .ui.dropdown .menu {
  background-color: var(--color-menu) !important;
  border: 1px solid var(--color-light-border) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 2px 6px rgba(0, 0, 0, 0.35);
}

.ui.dropdown .menu .item:hover,
.ui.menu .item:hover {
  background-color: var(--color-hover) !important;
}

/* --- Repo tabs (Code / Issues / Pull Requests / Projects / Releases ...) ---
 * Original look: inactive tabs stay transparent on the page background.
 * Only the active tab gets a background: #38463F (= --color-active). */
.secondary-nav .ui.menu .active.item,
.ui.tabular.menu .active.item,
.ui.secondary.pointing.menu .active.item {
  background-color: #38463F !important;
}

.ui.popup {
  background-color: var(--color-tooltip-bg) !important;
  color: var(--color-tooltip-text) !important;
  border: 1px solid var(--color-light-border) !important;
}

.ui.modal,
.ui.modal .content,
.ui.modal .header {
  background-color: var(--color-card) !important;
  border: 1px solid var(--color-light-border) !important;
}

.ui.card,
.ui.cards > .card,
.ui.segment,
.ui.segments .segment,
.ui.attached.segment,
.ui.table,
.ui.selection.dropdown,
.ui.form textarea,
.ui.form input,
.ui.input input {
  background-color: var(--color-card) !important;
  border: 1px solid var(--color-light-border) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 2px 6px rgba(0, 0, 0, 0.3);
}

.ui.table {
  background-color: var(--color-box-body) !important;
}