/* ==========================================================================
   Forgejo theme - airfoe (dark)
   Accent #ca3503  |  Base #98a2d6
   Generated by forgejo-theme.py - edit the script, not this file
   Install: $GITEA_CUSTOM/public/assets/css/theme-airfoe-dark.css
   ========================================================================== */

/* ==========================================================================
   Theme variables
   ========================================================================== */

:root {
  /* --- Neutral scale (seeded from #98a2d6, pinned at step 450) --- */
  --base-50: #f9fafd;
  --base-100: #f2f4fa;
  --base-150: #eceef8;
  --base-200: #e4e7f5;
  --base-250: #dadff2;
  --base-300: #d1d6ee;
  --base-350: #bbc2e5;
  --base-400: #a5aedc;
  --base-450: #98a2d6;
  --base-500: #8089b6;
  --base-550: #6b7298;
  --base-600: #63698d;
  --base-650: #535977;
  --base-700: #444962;
  --base-750: #363a50;
  --base-800: #292d3e;
  --base-850: #1e212e;
  --base-900: #13151f;
  --base-950: #090b12;

  /* --- Accent ramp (seeded from #ca3503) --- */
  --color-primary: #ca3503;
  --color-primary-contrast: #ffffff;
  --color-primary-dark-1: #ad2c02;
  --color-primary-dark-2: #902301;
  --color-primary-dark-3: #751b01;
  --color-primary-dark-4: #5b1201;
  --color-primary-dark-5: #420b00;
  --color-primary-dark-6: #2a0500;
  --color-primary-dark-7: #140100;
  --color-primary-light-1: #d55839;
  --color-primary-light-2: #e0775d;
  --color-primary-light-3: #e9957f;
  --color-primary-light-4: #f1b2a1;
  --color-primary-light-5: #f7cabe;
  --color-primary-light-6: #fbe3dc;
  --color-primary-light-7: #fef4f1;
  --color-primary-alpha-10: #ca35031a;
  --color-primary-alpha-20: #ca350333;
  --color-primary-alpha-30: #ca35034c;
  --color-primary-alpha-40: #ca350366;
  --color-primary-alpha-50: #ca350380;
  --color-primary-alpha-60: #ca350399;
  --color-primary-alpha-70: #ca3503b2;
  --color-primary-alpha-80: #ca3503cc;
  --color-primary-alpha-90: #ca3503e6;
  --color-primary-hover: var(--color-primary-light-1);
  --color-primary-active: var(--color-primary-light-2);

  /* --- Secondary ramp --- */
  --color-secondary: #363a50;
  --color-secondary-dark-1: #363a50;
  --color-secondary-dark-2: #444962;
  --color-secondary-dark-3: #444962;
  --color-secondary-dark-4: #535977;
  --color-secondary-dark-5: #535977;
  --color-secondary-dark-6: #63698d;
  --color-secondary-dark-7: #63698d;
  --color-secondary-dark-8: #6b7298;
  --color-secondary-dark-9: #6b7298;
  --color-secondary-dark-10: #8089b6;
  --color-secondary-dark-11: #8089b6;
  --color-secondary-dark-12: #98a2d6;
  --color-secondary-dark-13: #98a2d6;
  --color-secondary-light-1: #363a50;
  --color-secondary-light-2: #292d3e;
  --color-secondary-light-3: #292d3e;
  --color-secondary-light-4: #1e212e;
  --color-secondary-alpha-10: #4449621a;
  --color-secondary-alpha-20: #44496233;
  --color-secondary-alpha-30: #4449624c;
  --color-secondary-alpha-40: #44496266;
  --color-secondary-alpha-50: #44496280;
  --color-secondary-alpha-60: #44496299;
  --color-secondary-alpha-70: #444962b2;
  --color-secondary-alpha-80: #444962cc;
  --color-secondary-alpha-90: #444962e6;
  --color-secondary-hover: var(--color-secondary-dark-2);
  --color-secondary-active: var(--color-secondary-dark-4);

  /* --- Console / terminal (dark in both modes) --- */
  --color-console-fg: #e8ecf5;
  --color-console-fg-subtle: #8f9bb8;
  --color-console-bg: #0a0d23;
  --color-console-border: #292c3f;
  --color-console-hover-bg: #ffffff16;
  --color-console-active-bg: #383c50;
  --color-console-menu-bg: #292c3f;
  --color-console-menu-border: #4e5163;

  /* --- Named colors (semantic, not brand-derived) --- */
  --color-red: #ff5249;
  --color-orange: #ff8657;
  --color-yellow: #eba93d;
  --color-olive: #b0c342;
  --color-green: #3e9f5a;
  --color-teal: #41b3a7;
  --color-blue: #4d87ff;
  --color-violet: #9569ff;
  --color-purple: #ad64ff;
  --color-pink: #ff5095;
  --color-brown: #c4906f;
  --color-grey: #a5aedc;
  --color-black: #090b12;
  --color-red-light: #ff8376;
  --color-orange-light: #ffab8c;
  --color-yellow-light: #ffc264;
  --color-olive-light: #c6da5c;
  --color-green-light: #56b56f;
  --color-teal-light: #5acabc;
  --color-blue-light: #71a1ff;
  --color-violet-light: #a78bff;
  --color-purple-light: #bc89ff;
  --color-pink-light: #ff84ac;
  --color-brown-light: #dba684;
  --color-grey-light: #d1d6ee;
  --color-black-light: #13151f;
  --color-red-dark-1: #f03e38;
  --color-orange-dark-1: #fe6a2a;
  --color-yellow-dark-1: #dc9b2a;
  --color-olive-dark-1: #a2b430;
  --color-green-dark-1: #2e914d;
  --color-teal-dark-1: #2ea599;
  --color-blue-dark-1: #3575fe;
  --color-violet-dark-1: #8b50ff;
  --color-purple-dark-1: #a449fd;
  --color-pink-dark-1: #ef3e87;
  --color-brown-dark-1: #b68262;
  --color-grey-dark-1: #98a2d6;
  --color-black-dark-1: #000000;
  --color-red-dark-2: #e02b29;
  --color-orange-dark-2: #ee5b14;
  --color-yellow-dark-2: #cd8d0f;
  --color-olive-dark-2: #94a61a;
  --color-green-dark-2: #1a8340;
  --color-teal-dark-2: #15978b;
  --color-blue-dark-2: #2866ef;
  --color-violet-dark-2: #7f3ef1;
  --color-purple-dark-2: #9637ee;
  --color-pink-dark-2: #df2c7a;
  --color-brown-dark-2: #a77555;
  --color-grey-dark-2: #8089b6;
  --color-black-dark-2: #000000;

  /* --- ANSI colors (action logs) --- */
  --color-ansi-black: #1f2430;
  --color-ansi-red: #e05252;
  --color-ansi-green: #87ab63;
  --color-ansi-yellow: #cc9903;
  --color-ansi-blue: #4a90d9;
  --color-ansi-magenta: #d22e8b;
  --color-ansi-cyan: #00918a;
  --color-ansi-white: var(--color-console-fg-subtle);
  --color-ansi-bright-black: #333845;
  --color-ansi-bright-red: #fd6c6a;
  --color-ansi-bright-green: #9fc57b;
  --color-ansi-bright-yellow: #e6b237;
  --color-ansi-bright-blue: #63a9f4;
  --color-ansi-bright-magenta: #ef4ca4;
  --color-ansi-bright-cyan: #34aaa2;
  --color-ansi-bright-white: var(--color-console-fg);

  /* --- Misc --- */
  --color-gold: #b1983b;
  --color-white: #ffffff;

  /* --- Diff view --- */
  --color-diff-removed-word-bg: #7f2323;
  --color-diff-added-word-bg: #1d5c33;
  --color-diff-removed-row-bg: #3a1a1f;
  --color-diff-moved-row-bg: #3a3418;
  --color-diff-added-row-bg: #152e22;
  --color-diff-removed-row-border: #7f2323;
  --color-diff-moved-row-border: #6b5a12;
  --color-diff-added-row-border: #1d5c33;
  --color-diff-inactive: #292d3e;

  /* --- Status - error / success / warning / info --- */
  --color-error-border: #7f2323;
  --color-error-bg: #33161a;
  --color-error-bg-active: #5c1f22;
  --color-error-bg-hover: #4a1c20;
  --color-error-text: #fca5a5;
  --color-success-border: #1d5c33;
  --color-success-bg: #132a1f;
  --color-success-text: #86efac;
  --color-warning-border: #6b5a12;
  --color-warning-bg: #2c2612;
  --color-warning-text: #fde047;
  --color-info-border: #1c4a6b;
  --color-info-bg: #12283a;
  --color-info-text: #bae6fd;

  /* --- Badges --- */
  --color-red-badge: #dd443c;
  --color-red-badge-bg: #dd443c2e;
  --color-red-badge-hover-bg: #dd443c4d;
  --color-green-badge: #46c368;
  --color-green-badge-bg: #46c3682e;
  --color-green-badge-hover-bg: #46c3684d;
  --color-yellow-badge: #eba93d;
  --color-yellow-badge-bg: #eba93d2e;
  --color-yellow-badge-hover-bg: #eba93d4d;
  --color-orange-badge: #ee5832;
  --color-orange-badge-bg: #ee58322e;
  --color-orange-badge-hover-bg: #ee58324d;

  /* --- Core surfaces & text --- */
  --color-body: #13151f;
  --color-box-header: #1e212e;
  --color-box-body: #1e212e;
  --color-box-body-highlight: #292d3e;
  --color-text-dark: #ffffff;
  --color-text: #f2f4fa;
  --color-text-light: #e4e7f5;
  --color-text-light-1: #dadff2;
  --color-text-light-2: #d1d6ee;
  --color-text-light-3: #bbc2e5;
  --color-footer: #1e212e;
  --color-timeline: #363a50;

  /* --- Form inputs --- */
  --color-input-text: #f2f4fa;
  --color-input-background: #1e212e;
  --color-input-toggle-background: #363a50;
  --color-input-border: #444962;
  --color-input-border-hover: #63698d;

  /* --- Header --- */
  --color-header-wrapper: #1e212e;
  --color-header-wrapper-transparent: #98a2d600;

  /* --- Interaction states, menus & cards --- */
  --color-light: #00000030;
  --color-light-mimic-enabled: rgba(0, 0, 0, calc(6 / 255 * 222 / 255 / var(--opacity-disabled)));
  --color-light-border: #ffffff20;
  --color-hover: #ffffff14;
  --color-active: #ffffff20;
  --color-menu: #1e212e;
  --color-card: #1e212e;
  --fancy-card-bg: #1e212e;
  --fancy-card-border: #363a50;

  /* --- Markup, code & assorted components --- */
  --color-markup-table-row: #ffffff08;
  --color-markup-code-block: #090b12;
  --color-markup-code-inline: #292d3e;
  --color-button: #292d3e;
  --color-code-bg: #090b12;
  --color-shadow: #00000080;
  --color-secondary-bg: #292d3e;
  --color-text-focus: #ffffff;
  --color-expand-button: #363a50;
  --color-placeholder-text: var(--color-text-light-3);
  --color-editor-line-highlight: #1e212e;
  --color-project-board-bg: var(--color-secondary-light-2);
  --color-project-board-dark-label: var(--color-text-light-3);
  --color-caret: var(--color-text);
  --color-reaction-bg: #ffffff10;
  --color-reaction-active-bg: var(--color-primary-alpha-20);
  --color-reaction-hover-bg: var(--color-primary-alpha-30);
  --color-tooltip-text: #13151f;
  --color-tooltip-bg: #f2f4fa;

  /* --- Navigation --- */
  --color-nav-bg: #090b12;
  --color-nav-hover-bg: #292d3e;
  --color-secondary-nav-bg: var(--color-body);

  /* --- Labels --- */
  --color-label-text: var(--color-text);
  --color-label-bg: #ffffff1f;
  --color-label-hover-bg: #ffffff2e;
  --color-label-active-bg: #ffffff45;
  --color-label-bg-alt: #ffffff45;

  /* --- Accents, highlights & selection --- */
  --color-accent: var(--color-primary-light-1);
  --color-small-accent: var(--color-primary-dark-5);
  --color-highlight-fg: var(--color-primary-light-3);
  --color-highlight-bg: var(--color-primary-dark-6);
  --color-overlay-backdrop: #8690c2cc;
  --color-selection-bg: #902301;
  --color-selection-fg: #ffffff;
  --checkerboard-color-1: #1e212e;
  --checkerboard-color-2: #292d3e;

  /* --- Presence indicators --- */
  --color-indicator-offline: #98a2d6;
  --color-indicator-offline-20: #98a2d633;
  --color-indicator-idle: #16a34a;
  --color-indicator-idle-20: #16a34a33;
  --color-indicator-active: #2563eb;
  --color-indicator-active-20: #2563eb33;

  /* --- Browser integration --- */
  --opacity-disabled: 0.55;
  accent-color: var(--color-accent);
  color-scheme: dark;
}

/* ==========================================================================
   Chroma - code syntax highlighting
   ========================================================================== */

.chroma .bp {
  color:#666;
}
.chroma .c,
.chroma .c1,
.chroma .ch {
  color:#a6b2c6;
}
.chroma .cm {
  color:#a6b2c6;
}
.chroma .cp {
  color:#67c2c5;
}
.chroma .cpf {
  color:#9ea9ff;
}
.chroma .cs {
  color:#a6b2c6;
}
.chroma .dl {
  color:#74c786;
}
.chroma .gd {
  color:var(--color-text);
  background-color:var(--color-diff-removed-row-bg);
}
.chroma .ge {
  color:var(--color-text);
  font-style:italic;
}
.chroma .gh {
  color:#a6b2c6;
}
.chroma .gi {
  color:var(--color-text);
  background-color:var(--color-diff-added-row-bg);
}
.chroma .go {
  color:#a6b2c5;
}
.chroma .gp {
  color:#a7b2c2;
}
.chroma .gr,
.chroma .gt {
  color:#ff8b7e;
}
.chroma .gu {
  color:#a6b2c5;
}
.chroma .il {
  color:#67c2c5;
}
.chroma .k,
.chroma .kc,
.chroma .kd,
.chroma .kn,
.chroma .kp,
.chroma .kr {
  color:var(--color-primary);
}
.chroma .kt {
  color:#95b2e3;
}
.chroma .m,
.chroma .mb,
.chroma .mf,
.chroma .mh,
.chroma .mi,
.chroma .mo {
  color:#67c2c5;
}
.chroma .na {
  color:var(--color-primary);
}
.chroma .nb {
  color:#8aafff;
}
.chroma .nc {
  color:#95b2e3;
}
.chroma .nd {
  color:#95b9b9;
}
.chroma .ne {
  color:#ff8b7d;
}
.chroma .nf {
  color:#8aafff;
}
.chroma .ni {
  color:#b89eff;
}
.chroma .nl {
  color:#ff8b7d;
}
.chroma .nn {
  color:#a7b2c2;
}
.chroma .no {
  color:#6cc3ba;
}
.chroma .nt {
  color:#6ac982;
}
.chroma .nv {
  color:#6cc3ba;
}
.chroma .nx {
  color:var(--color-text);
}
.chroma .o,
.chroma .ow {
  color:var(--color-primary);
}
.chroma .s,
.chroma .s1,
.chroma .s2 {
  color:#74c786;
}
.chroma .sa {
  color:#f09a51;
}
.chroma .sb {
  color:#74c786;
}
.chroma .sc {
  color:#f09a51;
}
.chroma .sd {
  color:#74c786;
}
.chroma .se {
  color:#ea9c67;
}
.chroma .sh {
  color:#74c786;
}
.chroma .si {
  color:#f09a51;
}
.chroma .sr {
  color:#9ea9ff;
}
.chroma .ss {
  color:#ea9c67;
}
.chroma .sx {
  color:#74c786;
}
.chroma .vc,
.chroma .vg,
.chroma .vi {
  color:#6cc3ba;
}
.chroma .w {
  color:#8c8f9c;
}

/* ==========================================================================
   Markup - hide opposite-mode-only images
   ========================================================================== */

.markup [src$="#gh-light-mode-only"],
.markup [src$="#light-mode-only"],
.markup [href$="#gh-light-mode-only"],
.markup [href$="#light-mode-only"] {
  display:none;
}

/* ==========================================================================
   Semantic UI component overrides
   ========================================================================== */

.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.labels .label {
  background-color:var(--color-primary-dark-1) !important;
}
.ui.labeled.icon.buttons>.button>.icon,
.ui.labeled.icon.button>.icon {
  background-color:var(--color-shadow) !important;
}
#review-box .review-comments-counter {
  background-color:var(--color-label-bg) !important;
  margin-inline-start:0.5em;
}
.ui.basic.labels .primary.label,
.ui.ui.ui.basic.primary.label {
  color:var(--color-text) !important;
}
.ui.yellow.label.pending-label {
  background:var(--color-warning-bg) !important;
  color:var(--color-warning-text) !important;
}