/*
 * Gitea theme "Retro 82"
 * Derived from the Omarchy "Retro 82" theme palette (colors.toml)
 * https://github.com/OldJobobo/omarchy-retro-82-theme
 *
 * Built against the variable set shipped in Gitea v1.27.3
 * (web_src/css/themes/theme-gitea-dark.css). Values not covered by the
 * source palette (chart series, transparency grid, git/logo brand marks)
 * are left at Gitea's defaults and marked below.
 */

gitea-theme-meta-info {
  --theme-display-name: "Retro 82";
  --theme-color-scheme: "dark";
}

:root {
  --is-dark-theme: true;

  /* ---- Retro 82 source palette (from colors.toml) ---- */
  --retro82-bg: #00172e;
  --retro82-bg-dark: #001123;
  --retro82-bg-darker: #000c17;
  --retro82-fg: #f6dcac;
  --retro82-muted: #57898a;
  --retro82-accent: #faa968; /* accent / blue */
  --retro82-accent-bright: #fbb986; /* bright_blue */
  --retro82-accent-contrast: #00172e;
  --retro82-red: #f85525;
  --retro82-red-bright: #f97751;
  --retro82-green: #028391;
  --retro82-green-bright: #35a2a7;
  --retro82-orange: #e97b3c; /* yellow == orange in source palette */
  --retro82-orange-bright: #ed9563;
  --retro82-teal: #3f8f8a; /* magenta role */
  --retro82-teal-bright: #65a5a1;
  --retro82-cyan: #8cbfb8;
  --retro82-cyan-bright: #a3ccc6;
  --retro82-brown: #753e1e;

  /* ---- primary (accent / buttons / links) ---- */
  --color-primary: var(--retro82-accent);
  --color-primary-contrast: var(--retro82-accent-contrast);
  --color-primary-dark-1: color-mix(in srgb, var(--color-primary) 88%, white);
  --color-primary-dark-2: color-mix(in srgb, var(--color-primary) 74%, white);
  --color-primary-dark-3: color-mix(in srgb, var(--color-primary) 60%, white);
  --color-primary-dark-4: color-mix(in srgb, var(--color-primary) 46%, white);
  --color-primary-dark-5: color-mix(in srgb, var(--color-primary) 30%, white);
  --color-primary-dark-6: color-mix(in srgb, var(--color-primary) 15%, white);
  --color-primary-dark-7: color-mix(in srgb, var(--color-primary) 5%, white);
  --color-primary-light-1: color-mix(in srgb, var(--color-primary) 88%, black);
  --color-primary-light-2: color-mix(in srgb, var(--color-primary) 74%, black);
  --color-primary-light-3: color-mix(in srgb, var(--color-primary) 60%, black);
  --color-primary-light-4: color-mix(in srgb, var(--color-primary) 46%, black);
  --color-primary-light-5: color-mix(in srgb, var(--color-primary) 30%, black);
  --color-primary-light-6: color-mix(in srgb, var(--color-primary) 15%, black);
  --color-primary-light-7: color-mix(in srgb, var(--color-primary) 5%, black);
  --color-primary-alpha-10: color-mix(in srgb, var(--color-primary) 10%, transparent);
  --color-primary-alpha-20: color-mix(in srgb, var(--color-primary) 20%, transparent);
  --color-primary-alpha-30: color-mix(in srgb, var(--color-primary) 30%, transparent);
  --color-primary-alpha-40: color-mix(in srgb, var(--color-primary) 40%, transparent);
  --color-primary-alpha-50: color-mix(in srgb, var(--color-primary) 50%, transparent);
  --color-primary-alpha-60: color-mix(in srgb, var(--color-primary) 60%, transparent);
  --color-primary-alpha-70: color-mix(in srgb, var(--color-primary) 70%, transparent);
  --color-primary-alpha-80: color-mix(in srgb, var(--color-primary) 80%, transparent);
  --color-primary-alpha-90: color-mix(in srgb, var(--color-primary) 90%, transparent);
  --color-primary-hover: var(--color-primary-light-1);
  --color-primary-active: var(--color-primary-light-2);

  /* ---- secondary (neutral surfaces / borders / basic buttons) ---- */
  --color-secondary: color-mix(in srgb, var(--retro82-muted) 55%, var(--retro82-bg) 45%);
  --color-secondary-dark-1: color-mix(in srgb, var(--color-secondary) 88%, white);
  --color-secondary-dark-2: color-mix(in srgb, var(--color-secondary) 74%, white);
  --color-secondary-dark-3: color-mix(in srgb, var(--color-secondary) 60%, white);
  --color-secondary-dark-4: color-mix(in srgb, var(--color-secondary) 46%, white);
  --color-secondary-dark-5: color-mix(in srgb, var(--color-secondary) 34%, white);
  --color-secondary-dark-6: color-mix(in srgb, var(--color-secondary) 24%, white);
  --color-secondary-dark-7: color-mix(in srgb, var(--color-secondary) 16%, white);
  --color-secondary-dark-8: color-mix(in srgb, var(--color-secondary) 10%, white);
  --color-secondary-dark-9: color-mix(in srgb, var(--color-secondary) 7%, white);
  --color-secondary-dark-10: color-mix(in srgb, var(--color-secondary) 4%, white);
  --color-secondary-dark-11: color-mix(in srgb, var(--color-secondary) 2%, white);
  --color-secondary-dark-12: color-mix(in srgb, var(--color-secondary) 1%, white);
  --color-secondary-dark-13: color-mix(in srgb, var(--color-secondary) 0.5%, white);
  --color-secondary-light-1: color-mix(in srgb, var(--color-secondary) 88%, black);
  --color-secondary-light-2: color-mix(in srgb, var(--color-secondary) 74%, black);
  --color-secondary-light-3: color-mix(in srgb, var(--color-secondary) 55%, black);
  --color-secondary-light-4: color-mix(in srgb, var(--color-secondary) 40%, black);
  --color-secondary-alpha-10: color-mix(in srgb, var(--color-secondary) 10%, transparent);
  --color-secondary-alpha-20: color-mix(in srgb, var(--color-secondary) 20%, transparent);
  --color-secondary-alpha-30: color-mix(in srgb, var(--color-secondary) 30%, transparent);
  --color-secondary-alpha-40: color-mix(in srgb, var(--color-secondary) 40%, transparent);
  --color-secondary-alpha-50: color-mix(in srgb, var(--color-secondary) 50%, transparent);
  --color-secondary-alpha-60: color-mix(in srgb, var(--color-secondary) 60%, transparent);
  --color-secondary-alpha-70: color-mix(in srgb, var(--color-secondary) 70%, transparent);
  --color-secondary-alpha-80: color-mix(in srgb, var(--color-secondary) 80%, transparent);
  --color-secondary-alpha-90: color-mix(in srgb, var(--color-secondary) 90%, transparent);
  --color-secondary-button: var(--color-secondary-dark-4);
  --color-secondary-hover: var(--color-secondary-dark-3);
  --color-secondary-active: var(--color-secondary-dark-2);

  /* ---- console (Actions logs, raw file / log viewer) ---- */
  --color-console-fg: var(--retro82-fg);
  --color-console-fg-subtle: color-mix(in srgb, var(--retro82-fg) 65%, var(--retro82-muted) 35%);
  --color-console-bg: var(--retro82-bg-darker);
  --color-console-border: var(--retro82-bg-dark);
  --color-console-hover-bg: color-mix(in srgb, var(--retro82-bg-darker) 88%, var(--color-primary) 12%);
  --color-console-active-bg: color-mix(in srgb, var(--retro82-bg-darker) 76%, var(--color-primary) 24%);
  --color-console-menu-bg: var(--retro82-bg-dark);
  --color-console-menu-border: var(--retro82-muted);
  --color-console-link: var(--retro82-cyan);

  /* ---- named colors ---- */
  --color-red: var(--retro82-red);
  --color-orange: var(--retro82-orange);
  --color-yellow: var(--retro82-orange-bright);
  --color-olive: var(--retro82-green-bright);
  --color-green: var(--retro82-green);
  --color-teal: var(--retro82-cyan);
  --color-blue: var(--retro82-accent-bright);
  --color-violet: color-mix(in srgb, var(--retro82-teal) 60%, var(--retro82-accent) 40%);
  --color-purple: color-mix(in srgb, var(--retro82-teal) 50%, var(--retro82-red) 50%);
  --color-pink: color-mix(in srgb, var(--retro82-accent) 60%, var(--retro82-red) 40%);
  --color-brown: var(--retro82-brown);
  --color-black: var(--retro82-bg);
  --color-red-light: color-mix(in srgb, var(--color-red) 90%, white);
  --color-orange-light: color-mix(in srgb, var(--color-orange) 90%, white);
  --color-yellow-light: color-mix(in srgb, var(--color-yellow) 90%, white);
  --color-olive-light: color-mix(in srgb, var(--color-olive) 90%, white);
  --color-green-light: color-mix(in srgb, var(--color-green) 90%, white);
  --color-teal-light: color-mix(in srgb, var(--color-teal) 90%, white);
  --color-blue-light: color-mix(in srgb, var(--color-blue) 90%, white);
  --color-violet-light: color-mix(in srgb, var(--color-violet) 90%, white);
  --color-purple-light: color-mix(in srgb, var(--color-purple) 90%, white);
  --color-pink-light: color-mix(in srgb, var(--color-pink) 90%, white);
  --color-brown-light: color-mix(in srgb, var(--color-brown) 90%, white);
  --color-black-light: color-mix(in srgb, var(--color-black) 55%, var(--retro82-muted) 45%);
  --color-red-dark-1: color-mix(in srgb, var(--color-red) 90%, black);
  --color-orange-dark-1: color-mix(in srgb, var(--color-orange) 90%, black);
  --color-yellow-dark-1: color-mix(in srgb, var(--color-yellow) 90%, black);
  --color-olive-dark-1: color-mix(in srgb, var(--color-olive) 90%, black);
  --color-green-dark-1: color-mix(in srgb, var(--color-green) 90%, black);
  --color-teal-dark-1: color-mix(in srgb, var(--color-teal) 90%, black);
  --color-blue-dark-1: color-mix(in srgb, var(--color-blue) 90%, black);
  --color-violet-dark-1: color-mix(in srgb, var(--color-violet) 90%, black);
  --color-purple-dark-1: color-mix(in srgb, var(--color-purple) 90%, black);
  --color-pink-dark-1: color-mix(in srgb, var(--color-pink) 90%, black);
  --color-brown-dark-1: color-mix(in srgb, var(--color-brown) 90%, black);
  --color-black-dark-1: color-mix(in srgb, var(--color-black) 80%, black);
  --color-red-dark-2: color-mix(in srgb, var(--color-red) 80%, black);
  --color-orange-dark-2: color-mix(in srgb, var(--color-orange) 80%, black);
  --color-yellow-dark-2: color-mix(in srgb, var(--color-yellow) 80%, black);
  --color-olive-dark-2: color-mix(in srgb, var(--color-olive) 80%, black);
  --color-green-dark-2: color-mix(in srgb, var(--color-green) 80%, black);
  --color-teal-dark-2: color-mix(in srgb, var(--color-teal) 80%, black);
  --color-blue-dark-2: color-mix(in srgb, var(--color-blue) 80%, black);
  --color-violet-dark-2: color-mix(in srgb, var(--color-violet) 80%, black);
  --color-purple-dark-2: color-mix(in srgb, var(--color-purple) 80%, black);
  --color-pink-dark-2: color-mix(in srgb, var(--color-pink) 80%, black);
  --color-brown-dark-2: color-mix(in srgb, var(--color-brown) 80%, black);
  --color-black-dark-2: color-mix(in srgb, var(--color-black) 65%, black);

  /* ---- ansi colors (Actions console, raw log viewer) ----
     Mirrors the terminal color0-15 mapping from the Omarchy colors.toml,
     so log output matches the look of the user's actual terminal theme. */
  --color-ansi-black: #00172e;
  --color-ansi-red: #f85525;
  --color-ansi-green: #028391;
  --color-ansi-yellow: #e97b3c;
  --color-ansi-blue: #faa968;
  --color-ansi-magenta: #3f8f8a;
  --color-ansi-cyan: #8cbfb8;
  --color-ansi-white: #f6dcac;
  --color-ansi-bright-black: #57898a;
  --color-ansi-bright-red: #f97751;
  --color-ansi-bright-green: #35a2a7;
  --color-ansi-bright-yellow: #ed9563;
  --color-ansi-bright-blue: #fbb986;
  --color-ansi-bright-magenta: #65a5a1;
  --color-ansi-bright-cyan: #a3ccc6;
  --color-ansi-bright-white: #f6dcac;

  /* ---- 16-color chart series (contribution graphs, activity charts) ----
     Left at Gitea defaults: a duotone palette can't produce 16 distinct,
     readable series colors. Adjust manually if this bothers you. */
  --color-series-16-0: #7db233;
  --color-series-16-1: #499a37;
  --color-series-16-2: #ce4751;
  --color-series-16-3: #8f9121;
  --color-series-16-4: #ac32a6;
  --color-series-16-5: #7445e9;
  --color-series-16-6: #c67d28;
  --color-series-16-7: #4db392;
  --color-series-16-8: #aa4d30;
  --color-series-16-9: #2a6f84;
  --color-series-16-10: #c45327;
  --color-series-16-11: #3d965c;
  --color-series-16-12: #792a93;
  --color-series-16-13: #439d73;
  --color-series-16-14: #103aad;
  --color-series-16-15: #982e85;

  /* ---- other named colors ---- */
  --color-grey: color-mix(in srgb, var(--retro82-muted) 70%, var(--retro82-bg) 30%);
  --color-grey-light: var(--retro82-muted);
  --color-gold: var(--retro82-orange-bright);
  --color-white: var(--retro82-fg);

  /* ---- diff view ---- */
  --color-diff-added-fg: var(--retro82-green-bright);
  --color-diff-added-linenum-bg: color-mix(in srgb, var(--retro82-green) 22%, var(--retro82-bg) 78%);
  --color-diff-added-row-bg: color-mix(in srgb, var(--retro82-green) 15%, var(--retro82-bg) 85%);
  --color-diff-added-row-border: color-mix(in srgb, var(--retro82-green) 35%, var(--retro82-bg) 65%);
  --color-diff-added-word-bg: color-mix(in srgb, var(--retro82-green) 45%, var(--retro82-bg) 55%);
  --color-diff-moved-row-bg: color-mix(in srgb, var(--retro82-orange) 35%, var(--retro82-bg) 65%);
  --color-diff-moved-row-border: color-mix(in srgb, var(--retro82-orange-bright) 55%, var(--retro82-bg) 45%);
  --color-diff-removed-fg: var(--retro82-red-bright);
  --color-diff-removed-linenum-bg: color-mix(in srgb, var(--retro82-red) 22%, var(--retro82-bg) 78%);
  --color-diff-removed-row-bg: color-mix(in srgb, var(--retro82-red) 15%, var(--retro82-bg) 85%);
  --color-diff-removed-row-border: color-mix(in srgb, var(--retro82-red) 35%, var(--retro82-bg) 65%);
  --color-diff-removed-word-bg: color-mix(in srgb, var(--retro82-red) 45%, var(--retro82-bg) 55%);
  --color-diff-inactive: var(--retro82-bg-dark);

  /* ---- status banners ---- */
  --color-error-border: color-mix(in srgb, var(--retro82-red) 55%, var(--retro82-bg) 45%);
  --color-error-bg: color-mix(in srgb, var(--retro82-red) 16%, var(--retro82-bg) 84%);
  --color-error-bg-active: color-mix(in srgb, var(--retro82-red) 30%, var(--retro82-bg) 70%);
  --color-error-bg-hover: color-mix(in srgb, var(--retro82-red) 24%, var(--retro82-bg) 76%);
  --color-error-text: var(--retro82-red-bright);
  --color-success-border: color-mix(in srgb, var(--retro82-green) 55%, var(--retro82-bg) 45%);
  --color-success-bg: color-mix(in srgb, var(--retro82-green) 16%, var(--retro82-bg) 84%);
  --color-success-text: var(--retro82-green-bright);
  --color-warning-border: color-mix(in srgb, var(--retro82-orange) 55%, var(--retro82-bg) 45%);
  --color-warning-bg: color-mix(in srgb, var(--retro82-orange) 16%, var(--retro82-bg) 84%);
  --color-warning-text: var(--retro82-orange-bright);
  --color-info-border: color-mix(in srgb, var(--retro82-cyan) 55%, var(--retro82-bg) 45%);
  --color-info-bg: color-mix(in srgb, var(--retro82-cyan) 16%, var(--retro82-bg) 84%);
  --color-info-text: var(--retro82-cyan-bright);
  --color-priority-border: color-mix(in srgb, var(--color-purple) 55%, var(--retro82-bg) 45%);
  --color-priority-bg: color-mix(in srgb, var(--color-purple) 16%, var(--retro82-bg) 84%);
  --color-priority-text: color-mix(in srgb, var(--color-purple) 90%, white);

  /* ---- colored label badges ---- */
  --color-red-badge: var(--retro82-red);
  --color-red-badge-bg: color-mix(in srgb, var(--retro82-red) 10%, transparent);
  --color-red-badge-hover-bg: color-mix(in srgb, var(--retro82-red) 30%, transparent);
  --color-green-badge: var(--retro82-green);
  --color-green-badge-bg: color-mix(in srgb, var(--retro82-green) 10%, transparent);
  --color-green-badge-hover-bg: color-mix(in srgb, var(--retro82-green) 30%, transparent);
  --color-yellow-badge: var(--retro82-orange-bright);
  --color-yellow-badge-bg: color-mix(in srgb, var(--retro82-orange-bright) 10%, transparent);
  --color-yellow-badge-hover-bg: color-mix(in srgb, var(--retro82-orange-bright) 30%, transparent);
  --color-orange-badge: var(--retro82-orange);
  --color-orange-badge-bg: color-mix(in srgb, var(--retro82-orange) 10%, transparent);
  --color-orange-badge-hover-bg: color-mix(in srgb, var(--retro82-orange) 30%, transparent);

  /* ---- brand marks: left at Gitea defaults on purpose (recognizability) ---- */
  --color-git: #f05133;
  --color-logo: #609926;

  /* ---- target-based surface / text colors ---- */
  --color-body: var(--retro82-bg);
  --color-box-header: var(--retro82-bg-dark);
  --color-box-body: var(--retro82-bg-darker);
  --color-box-body-highlight: color-mix(in srgb, var(--retro82-bg-darker) 90%, var(--color-primary) 10%);
  --color-text-dark: var(--retro82-fg);
  --color-text: var(--retro82-fg);
  --color-text-light: color-mix(in srgb, var(--retro82-fg) 75%, var(--retro82-muted) 25%);
  --color-text-light-1: color-mix(in srgb, var(--retro82-fg) 55%, var(--retro82-muted) 45%);
  --color-text-light-2: var(--retro82-muted);
  --color-text-light-3: color-mix(in srgb, var(--retro82-muted) 70%, var(--retro82-bg) 30%);
  --color-footer: var(--color-nav-bg);
  --color-timeline: color-mix(in srgb, var(--retro82-muted) 30%, var(--retro82-bg) 70%);
  --color-input-text: var(--color-text-dark);
  --color-input-background: var(--retro82-bg-darker);
  --color-input-toggle-background: color-mix(in srgb, var(--retro82-bg-dark) 80%, var(--retro82-muted) 20%);
  --color-input-border: var(--color-secondary-dark-1);
  --color-light: color-mix(in srgb, var(--retro82-bg-darker) 16%, transparent);
  --color-light-border: color-mix(in srgb, var(--retro82-fg) 16%, transparent);
  --color-hover: color-mix(in srgb, var(--retro82-fg) 10%, transparent);
  --color-hover-opaque: color-mix(in srgb, var(--retro82-bg) 86%, var(--retro82-fg) 14%);
  --color-active: color-mix(in srgb, var(--retro82-fg) 14%, transparent);
  --color-menu: var(--retro82-bg-dark);
  --color-card: var(--retro82-bg-dark);
  --color-markup-table-row: color-mix(in srgb, var(--retro82-fg) 6%, transparent);
  --color-markup-code-block: color-mix(in srgb, var(--retro82-fg) 7%, transparent);
  --color-markup-code-inline: color-mix(in srgb, var(--retro82-fg) 16%, transparent);
  --color-button: var(--retro82-bg-dark);
  --color-code-bg: var(--retro82-bg-darker);
  --color-shadow: color-mix(in srgb, black 35%, transparent);
  --color-shadow-opaque: #000000;
  --color-secondary-bg: color-mix(in srgb, var(--retro82-bg-dark) 70%, var(--retro82-muted) 30%);
  --color-expand-button: color-mix(in srgb, var(--retro82-bg-dark) 80%, var(--retro82-muted) 20%);
  --color-placeholder-text: var(--color-text-light-3);
  --color-editor-line-highlight: var(--color-secondary-alpha-40);
  --color-editor-selection: var(--color-primary-alpha-50);
  --color-project-column-bg: var(--color-secondary-light-2);
  --color-caret: var(--color-text);
  --color-reaction-bg: color-mix(in srgb, var(--retro82-fg) 7%, transparent);
  --color-reaction-hover-bg: var(--color-primary-light-4);
  --color-reaction-active-bg: var(--color-primary-light-5);
  --color-tooltip-text: var(--retro82-fg);
  --color-tooltip-bg: color-mix(in srgb, var(--retro82-bg-darker) 94%, transparent);
  --color-nav-bg: var(--retro82-bg-darker);
  --color-nav-hover-bg: var(--color-secondary-light-1);
  --color-nav-text: var(--color-text);
  --color-secondary-nav-bg: var(--retro82-bg-dark);
  --color-label-text: var(--color-text);
  --color-label-bg: color-mix(in srgb, var(--retro82-muted) 30%, transparent);
  --color-label-hover-bg: color-mix(in srgb, var(--retro82-muted) 63%, transparent);
  --color-label-active-bg: var(--retro82-muted);
  --color-accent: var(--color-primary);
  --color-small-accent: var(--color-primary-light-5);
  --color-highlight-fg: color-mix(in srgb, var(--retro82-orange-bright) 90%, black);
  --color-highlight-bg: color-mix(in srgb, var(--retro82-orange) 35%, var(--retro82-bg) 65%);
  --color-overlay-backdrop: color-mix(in srgb, var(--retro82-bg-darker) 75%, transparent);
  --color-danger: var(--color-red);

  /* left at Gitea defaults: unrelated to the theme's color roles */
  --color-transparency-grid-light: #2a2a2a;
  --color-transparency-grid-dark: #1a1a1a;

  --color-workflow-edge-hover: var(--retro82-accent-bright);

  /* ---- syntax highlighting (code viewer) ---- */
  --color-syntax-keyword: var(--retro82-accent);
  --color-syntax-bool: var(--retro82-cyan);
  --color-syntax-control: var(--retro82-orange);
  --color-syntax-name: var(--retro82-orange-bright);
  --color-syntax-type: var(--retro82-teal-bright);
  --color-syntax-number: var(--retro82-cyan-bright);
  --color-syntax-operator: var(--retro82-accent);
  --color-syntax-regexp: var(--retro82-teal);
  --color-syntax-string: var(--retro82-green-bright);
  --color-syntax-comment: var(--retro82-muted);
  --color-syntax-invalid: var(--retro82-red);
  --color-syntax-link: var(--color-primary);
  --color-syntax-tag: var(--retro82-accent);
  --color-syntax-attribute: var(--retro82-teal-bright);
  --color-syntax-property: var(--retro82-cyan);
  --color-syntax-variable: var(--retro82-orange-bright);
  --color-syntax-string-special: var(--retro82-orange);
  --color-syntax-escape: var(--retro82-orange-bright);
  --color-syntax-entity: var(--retro82-teal-bright);
  --color-syntax-preproc: var(--retro82-green-bright);
  --color-syntax-preproc-file: var(--retro82-cyan);
  --color-syntax-decorator: var(--retro82-green-bright);
  --color-syntax-namespace: var(--retro82-fg);
  --color-syntax-name-pseudo: var(--retro82-teal-bright);
  --color-syntax-comment-special: var(--retro82-teal);
  --color-syntax-text: var(--retro82-fg);
  --color-syntax-text-alt: color-mix(in srgb, var(--retro82-fg) 75%, var(--retro82-muted) 25%);
  --color-syntax-punctuation: var(--retro82-fg);
  --color-syntax-whitespace: var(--retro82-muted);
  --color-syntax-diff-fg: var(--retro82-fg);
  --color-syntax-deleted-bg: color-mix(in srgb, var(--retro82-red) 35%, var(--retro82-bg) 65%);
  --color-syntax-inserted-bg: color-mix(in srgb, var(--retro82-green) 35%, var(--retro82-bg) 65%);
  --color-syntax-emph: var(--retro82-orange-bright);
  --color-syntax-strong: var(--retro82-orange-bright);
  --color-syntax-heading: var(--retro82-orange);
  --color-syntax-subheading: var(--retro82-green);
  --color-syntax-output: var(--retro82-muted);
  --color-syntax-prompt: var(--retro82-orange-bright);
  --color-syntax-traceback: var(--retro82-red);
  --color-syntax-matching-bracket-bg: color-mix(in srgb, var(--retro82-cyan) 30%, transparent);
  --color-syntax-nonmatching-bracket-bg: color-mix(in srgb, var(--retro82-red) 30%, transparent);

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

/* invert emojis that are hard to read otherwise (kept from Gitea's base 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);
}