/* Dracula PRO (Van Helsing) for Forgejo.
 * Inherits forgejo-dark and overrides colour variables only, so upstream
 * changes to structure and syntax rules keep applying. */
@import url("/assets/css/theme-forgejo-dark.css");

:root {
  /* neutral ramp — forgejo-dark drives 59 references off this */
  --steel-900: #08090b;
  --steel-850: #0b0d0f;
  --steel-800: #11151a;
  --steel-750: #161d1f;
  --steel-700: #1d2625;
  --steel-650: #283239;
  --steel-600: #364049;
  --steel-550: #3e4a4f;
  --steel-500: #414d58;
  --steel-450: #4c6662;
  --steel-400: #5c7385;
  --steel-350: #708ca9;
  --steel-300: #8399b3;
  --steel-250: #97abc0;
  --steel-200: #b0c0cf;
  --steel-150: #d2dae1;
  --steel-100: #f8f8f2;
  /* base surfaces */
  --color-body: #0b0d0f;
  --color-box-body: #11151a;
  --color-box-body-highlight: #1d2025;
  --color-box-header: #08090b;
  --color-menu: #11151a;
  --color-card: #11151a;
  --color-footer: #08090b;
  --color-nav-bg: #08090b;
  --color-nav-hover-bg: #1d2625;
  --color-secondary-nav-bg: #11151a;
  --color-header-wrapper: #08090b;
  --color-header-wrapper-transparent: #08090be6;
  --color-timeline: #394d49;
  --color-overlay-backdrop: #00000099;
  --color-shadow: #00000099;
  /* text */
  --color-text: #f8f8f2;
  --color-text-light: #bdbdb9;
  --color-text-dark: #ffffff;
  --color-text-focus: #ffffff;
  --color-placeholder-text: #708ca9;
  --color-caret: #f8f8f2;
  --color-selection-bg: #414d58;
  --color-selection-fg: #f8f8f2;
  /* borders, inputs, interaction */
  --color-light-border: #394d49b2;
  --color-secondary: #394d49;
  --color-secondary-bg: #1d2625;
  --color-secondary-hover: #4c6662;
  --color-secondary-active: #667c78;
  --color-input-background: #08090b;
  --color-input-border: #394d49;
  --color-input-border-hover: #4c6662;
  --color-input-text: #f8f8f2;
  --color-input-toggle-background: #1d2625;
  --color-button: #1d2625;
  --color-hover: #f8f8f214;
  --color-active: #f8f8f21f;
  --color-light: #f8f8f20d;
  --color-light-mimic-enabled: #f8f8f20d;
  --color-expand-button: #1d2625;
  --color-accent: #9580ff;
  --color-small-accent: #9580ff33;
  /* primary — Dracula purple */
  --color-primary: #9580ff;
  --color-primary-contrast: #0b0d0f;
  --color-primary-hover: #a593ff;
  --color-primary-active: #b0a0ff;
  --color-primary-dark-1: #9f8bff;
  --color-primary-dark-2: #a897ff;
  --color-primary-dark-3: #b2a2ff;
  --color-primary-dark-4: #bbaeff;
  --color-primary-dark-5: #c5b9ff;
  --color-primary-dark-6: #cec5ff;
  --color-primary-dark-7: #d8d0ff;
  --color-primary-light-1: #8673e5;
  --color-primary-light-2: #7767ca;
  --color-primary-light-3: #675ab0;
  --color-primary-light-4: #584d95;
  --color-primary-light-5: #49417b;
  --color-primary-light-6: #3a3461;
  --color-primary-light-7: #2b2746;
  --color-primary-alpha-10: #9580ff1a;
  --color-primary-alpha-20: #9580ff33;
  --color-primary-alpha-30: #9580ff4c;
  --color-primary-alpha-40: #9580ff66;
  --color-primary-alpha-50: #9580ff80;
  --color-primary-alpha-60: #9580ff99;
  --color-primary-alpha-70: #9580ffb2;
  --color-primary-alpha-80: #9580ffcc;
  --color-primary-alpha-90: #9580ffe6;
  /* palette */
  --color-red: #ff9580;
  --color-red-light: #ffa897;
  --color-orange: #ffca80;
  --color-orange-light: #ffd497;
  --color-yellow: #ffff80;
  --color-yellow-light: #ffff97;
  --color-olive: #8aff80;
  --color-olive-light: #9fff97;
  --color-green: #8aff80;
  --color-green-light: #9fff97;
  --color-teal: #80ffea;
  --color-teal-light: #97ffee;
  --color-blue: #9580ff;
  --color-blue-light: #a897ff;
  --color-violet: #9580ff;
  --color-violet-light: #a897ff;
  --color-purple: #ff80bf;
  --color-purple-light: #ff97cb;
  --color-pink: #ff80bf;
  --color-pink-light: #ff97cb;
  --color-brown: #ffca80;
  --color-brown-light: #ffd497;
  --color-gold: #ffff80;
  --color-gold-light: #ffff97;
  --color-black: #08090b;
  --color-black-light: #343537;
  --color-white: #f8f8f2;
  --color-white-light: #f9f9f4;
  --color-grey: #708ca9;
  --color-grey-light: #8aa1b8;
  --color-pure-black: #000000;
  --color-grey-light: #8da3ba;
  /* status */
  --color-success-bg: #8aff801f;
  --color-success-border: #8aff8066;
  --color-success-text: #8aff80;
  --color-warning-bg: #ffff801f;
  --color-warning-border: #ffff8066;
  --color-warning-text: #ffff80;
  --color-error-bg: #ff95801f;
  --color-error-border: #ff958066;
  --color-error-text: #ff9580;
  --color-info-bg: #80ffea1f;
  --color-info-border: #80ffea66;
  --color-info-text: #80ffea;
  --color-error-bg-active: #ff958038;
  --color-error-bg-hover: #ff95802e;
  --color-danger-bg: #ff95801f;
  /* badges, labels, reactions */
  --color-green-badge: #8aff80;
  --color-green-badge-bg: #8aff801f;
  --color-green-badge-hover-bg: #8aff8033;
  --color-yellow-badge: #ffff80;
  --color-yellow-badge-bg: #ffff801f;
  --color-yellow-badge-hover-bg: #ffff8033;
  --color-orange-badge: #ffca80;
  --color-orange-badge-bg: #ffca801f;
  --color-orange-badge-hover-bg: #ffca8033;
  --color-red-badge: #ff9580;
  --color-red-badge-bg: #ff95801f;
  --color-red-badge-hover-bg: #ff958033;
  --color-label-bg: #f8f8f21a;
  --color-label-bg-alt: #f8f8f20f;
  --color-label-hover-bg: #9580ff40;
  --color-label-active-bg: #9580ff59;
  --color-label-text: #f8f8f2;
  --color-reaction-bg: #f8f8f214;
  --color-reaction-hover-bg: #9580ff40;
  --color-reaction-active-bg: #9580ff59;
  --color-tooltip-bg: #1d2625;
  --color-tooltip-text: #f8f8f2;
  /* code and markup */
  --color-code-bg: #08090b;
  --color-markup-code-block: #f8f8f20f;
  --color-markup-code-inline: #f8f8f21a;
  --color-markup-table-row: #f8f8f20a;
  --color-editor-line-highlight: #9580ff1a;
  --color-highlight-bg: #ffff8033;
  --color-highlight-fg: #ffff80;
  /* diffs */
  --color-diff-added-row-bg: #8aff8014;
  --color-diff-added-row-border: #8aff8040;
  --color-diff-added-word-bg: #8aff8040;
  --color-diff-removed-row-bg: #ff958014;
  --color-diff-removed-row-border: #ff958040;
  --color-diff-removed-word-bg: #ff958040;
  --color-diff-moved-row-bg: #ffff8014;
  --color-diff-moved-row-border: #ffff8040;
  --color-diff-inactive: #f8f8f20a;
  /* console widget */
  --color-console-bg: #0b0d0f;
  --color-console-fg: #f8f8f2;
  --color-console-fg-subtle: #708ca9;
  --color-console-border: #394d49;
  --color-console-hover-bg: #f8f8f214;
  --color-console-active-bg: #f8f8f21f;
  --color-console-menu-bg: #08090b;
  --color-console-menu-border: #394d49;
  /* project boards, indicators */
  --color-project-board-bg: #11151a;
  --color-project-board-dark-label: #08090b;
  --color-indicator-active: #8aff80;
  --color-indicator-active-20: #8aff8033;
  --color-indicator-idle: #ffff80;
  --color-indicator-idle-20: #ffff8033;
  --color-indicator-offline: #708ca9;
  --color-indicator-offline-20: #708ca933;
  --color-thin-green: #8aff8066;
  --color-thin-orange: #ffca8066;
  --color-thin-purple: #9580ff66;
  --color-thin-red: #ff958066;
  --color-thin-red-highlight: #ff958099;
  /* terminal palette */
  --color-ansi-black: #0b0d0f;
  --color-ansi-red: #ff9580;
  --color-ansi-green: #8aff80;
  --color-ansi-yellow: #ffff80;
  --color-ansi-blue: #9580ff;
  --color-ansi-magenta: #ff80bf;
  --color-ansi-cyan: #80ffea;
  --color-ansi-white: #f8f8f2;
  --color-ansi-bright-black: #364049;
  --color-ansi-bright-red: #ffaa99;
  --color-ansi-bright-green: #a2ff99;
  --color-ansi-bright-yellow: #ffff99;
  --color-ansi-bright-blue: #aa99ff;
  --color-ansi-bright-magenta: #ff99cc;
  --color-ansi-bright-cyan: #99ffee;
  --color-ansi-bright-white: #ffffff;
}

/* Syntax highlighting — chroma rules carry literal colours, not variables. */
.chroma .c, .chroma .ch, .chroma .cm, .chroma .c1, .chroma .cs, .chroma .cp, .chroma .cpf {
  color: #708ca9;
  font-style: italic;
}
.chroma .k, .chroma .kc, .chroma .kd, .chroma .kn, .chroma .kp, .chroma .kr, .chroma .kt {
  color: #ff80bf;
}
.chroma .o, .chroma .ow {
  color: #ff80bf;
}
.chroma .s, .chroma .sb, .chroma .sc, .chroma .sd, .chroma .s2, .chroma .se, .chroma .sh, .chroma .si, .chroma .sx, .chroma .s1, .chroma .ss, .chroma .sa, .chroma .dl {
  color: #ffff80;
}
.chroma .m, .chroma .mb, .chroma .mf, .chroma .mh, .chroma .mi, .chroma .il, .chroma .mo {
  color: #9580ff;
}
.chroma .nf, .chroma .fm {
  color: #8aff80;
}
.chroma .nc, .chroma .nn, .chroma .no, .chroma .ne {
  color: #80ffea;
}
.chroma .na, .chroma .nv, .chroma .vc, .chroma .vg, .chroma .vi, .chroma .nb, .chroma .bp {
  color: #80ffea;
  font-style: italic;
}
.chroma .nt {
  color: #ff80bf;
}
.chroma .gd {
  color: #ff9580;
}
.chroma .gi {
  color: #8aff80;
}
.chroma .err {
  color: #ff9580;
}