gitea-theme-meta-info {
  --theme-display-name: "Mein Dark Theme";
  --theme-color-scheme: "dark";
}

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

  /* === DEINE PRIMÄRFARBE (Blau) === */
  --color-primary:          #2563eb;
  --color-primary-contrast: #ffffff;
  --color-primary-dark-1:   #3b82f6;
  --color-primary-dark-2:   #60a5fa;
  --color-primary-dark-3:   #93c5fd;
  --color-primary-dark-4:   #bfdbfe;
  --color-primary-dark-5:   #dbeafe;
  --color-primary-dark-6:   #eff6ff;
  --color-primary-dark-7:   #f8fbff;
  --color-primary-light-1:  #1d4ed8;
  --color-primary-light-2:  #1e40af;
  --color-primary-light-3:  #1e3a8a;
  --color-primary-light-4:  #172554;
  --color-primary-light-5:  #0f1d3d;
  --color-primary-light-6:  #080e1f;
  --color-primary-light-7:  #030509;
  --color-primary-alpha-10: #2563eb19;
  --color-primary-alpha-20: #2563eb33;
  --color-primary-alpha-30: #2563eb4b;
  --color-primary-alpha-40: #2563eb66;
  --color-primary-alpha-50: #2563eb80;
  --color-primary-alpha-60: #2563eb99;
  --color-primary-alpha-70: #2563ebb3;
  --color-primary-alpha-80: #2563ebcc;
  --color-primary-alpha-90: #2563ebe1;
  --color-primary-hover:    var(--color-primary-light-1);
  --color-primary-active:   var(--color-primary-light-2);

  /* === SEKUNDÄRFARBE (Grau-Töne) === */
  --color-secondary:         #3f4248;
  --color-secondary-dark-1:  #46494f;
  --color-secondary-dark-2:  #4f5259;
  --color-secondary-dark-3:  #5e626a;
  --color-secondary-dark-4:  #6f747d;
  --color-secondary-dark-5:  #7d828c;
  --color-secondary-dark-6:  #8b8f98;
  --color-secondary-dark-7:  #999da4;
  --color-secondary-dark-8:  #a8abb1;
  --color-secondary-dark-9:  #aeb1b8;
  --color-secondary-dark-10: #bbbec3;
  --color-secondary-dark-11: #c8cacf;
  --color-secondary-dark-12: #d2d4d7;
  --color-secondary-dark-13: #d5d6d9;
  --color-secondary-light-1: #35373c;
  --color-secondary-light-2: #2c2e32;
  --color-secondary-light-3: #1f2124;
  --color-secondary-light-4: #191a1c;
  --color-secondary-alpha-10: #3f424819;
  --color-secondary-alpha-20: #3f424833;
  --color-secondary-alpha-30: #3f42484b;
  --color-secondary-alpha-40: #3f424866;
  --color-secondary-alpha-50: #3f424880;
  --color-secondary-alpha-60: #3f424899;
  --color-secondary-alpha-70: #3f4248b3;
  --color-secondary-alpha-80: #3f4248cc;
  --color-secondary-alpha-90: #3f4248e1;
  --color-secondary-button: var(--color-secondary-dark-4);
  --color-secondary-hover:  var(--color-secondary-dark-3);
  --color-secondary-active: var(--color-secondary-dark-2);

  /* === HINTERGRÜNDE & OBERFLÄCHEN === */
  --color-body:              #0f172a;  /* Dein Navy-Hintergrund */
  --color-box-header:        #1e293b;  /* Dein Navbar-Blau als Box-Header */
  --color-box-body:          #1e293b;
  --color-box-body-highlight:#253348;
  --color-nav-bg:            #1e293b;  /* === DEINE NAVBAR-FARBE === */
  --color-nav-hover-bg:      var(--color-secondary-light-1);
  --color-nav-text:          #f8fafc;  /* === DEIN NAVBAR-TEXT === */
  --color-secondary-nav-bg:  #1a2234;
  --color-menu:              #1e293b;
  --color-card:              #1e293b;
  --color-button:            #1e293b;
  --color-code-bg:           #0f172a;

  /* === TEXT === */
  --color-text-dark:         #f8fafc;
  --color-text:              #cbd5e1;
  --color-text-light:        #94a3b8;
  --color-text-light-1:      #94a3b8;
  --color-text-light-2:      #64748b;
  --color-text-light-3:      #475569;
  --color-input-text:        var(--color-text-dark);
  --color-input-background:  #1e293b;
  --color-input-toggle-background: #334155;
  --color-input-border:      var(--color-secondary-dark-1);
  --color-placeholder-text:  var(--color-text-light-3);
  --color-caret:             var(--color-text);

  /* === DIVERSE UI-FARBEN === */
  --color-footer:            var(--color-nav-bg);
  --color-timeline:          #334155;
  --color-light:             #f8fafc28;
  --color-light-border:      #f8fafc28;
  --color-hover:             #f8fafc19;
  --color-hover-opaque:      #253348;
  --color-active:            #f8fafc24;
  --color-shadow:            #00000058;
  --color-shadow-opaque:     #000000;
  --color-secondary-bg:      #334155;
  --color-expand-button:     #3d4f66;
  --color-markup-table-row:  #f8fafc0f;
  --color-markup-code-block: #f8fafc12;
  --color-markup-code-inline:#f8fafc28;
  --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-reaction-bg:       #f8fafc12;
  --color-reaction-hover-bg: var(--color-primary-light-4);
  --color-reaction-active-bg:var(--color-primary-light-5);
  --color-tooltip-text:      #f8fafc;
  --color-tooltip-bg:        #00000of0;
  --color-label-text:        var(--color-text);
  --color-label-bg:          #7a7f8a4b;
  --color-label-hover-bg:    #7a7f8aa0;
  --color-label-active-bg:   #7a7f8aff;
  --color-accent:            var(--color-primary-light-1);
  --color-small-accent:      var(--color-primary-light-5);
  --color-highlight-fg:      #d1a242;
  --color-highlight-bg:      #443a27;
  --color-overlay-backdrop:  #080808c0;
  --color-danger:            var(--color-red);
  --color-grey:              #3d3f44;
  --color-grey-light:        #898d96;
  --color-gold:              #b1983b;
  --color-white:             #ffffff;
  --color-git:               #f05133;
  --color-logo:              #609926;
  --color-transparency-grid-light: #2a2a2a;
  --color-transparency-grid-dark:  #1a1a1a;
  --color-workflow-edge-hover: #666a73;

  /* === STATUS-FARBEN === */
  --color-error-border:      #763232;
  --color-error-bg:          #322226;
  --color-error-bg-active:   #49262a;
  --color-error-bg-hover:    #3c2427;
  --color-error-text:        var(--color-text);
  --color-success-border:    #225633;
  --color-success-bg:        #1c3329;
  --color-success-text:      var(--color-text);
  --color-warning-border:    #5f481a;
  --color-warning-bg:        #342e1f;
  --color-warning-text:      var(--color-text);
  --color-info-border:       #254a7e;
  --color-info-bg:           #1b283a;
  --color-info-text:         var(--color-text);

  /* === DIFF-FARBEN === */
  --color-diff-added-fg:         #87ab63;
  --color-diff-added-linenum-bg: #274227;
  --color-diff-added-row-bg:     #203224;
  --color-diff-added-row-border: #314a37;
  --color-diff-added-word-bg:    #3c653c;
  --color-diff-moved-row-bg:     #818044;
  --color-diff-moved-row-border: #bcca6f;
  --color-diff-removed-fg:       #cc4848;
  --color-diff-removed-linenum-bg:#482121;
  --color-diff-removed-row-bg:   #301e1e;
  --color-diff-removed-row-border:#634343;
  --color-diff-removed-word-bg:  #6f3333;
  --color-diff-inactive:         #25272a;

  /* === BADGE-FARBEN === */
  --color-red-badge:         #db2828;
  --color-red-badge-bg:      #db28281a;
  --color-red-badge-hover-bg:#db28284d;
  --color-green-badge:       #21ba45;
  --color-green-badge-bg:    #21ba451a;
  --color-green-badge-hover-bg:#21ba454d;
  --color-yellow-badge:      #fbbd08;
  --color-yellow-badge-bg:   #fbbd081a;
  --color-yellow-badge-hover-bg:#fbbd084d;
  --color-orange-badge:      #f2711c;
  --color-orange-badge-bg:   #f2711c1a;
  --color-orange-badge-hover-bg:#f2711c4d;

  /* === BENANNTE FARBEN === */
  --color-red:    #cc4848;
  --color-orange: #cc580c;
  --color-yellow: #cc9903;
  --color-olive:  #91a313;
  --color-green:  #87ab63;
  --color-teal:   #00918a;
  --color-blue:   #3a8ac6;
  --color-violet: #906ae1;
  --color-purple: #b259d0;
  --color-pink:   #d22e8b;
  --color-brown:  #a47252;
  --color-black:  #202225;

  /* === SYNTAX HIGHLIGHTING === */
  --color-syntax-keyword:    #ff8854;
  --color-syntax-bool:       #25bbc9;
  --color-syntax-control:    #dd9e17;
  --color-syntax-name:       #c7a618;
  --color-syntax-type:       #eb8cb3;
  --color-syntax-number:     #63b2dd;
  --color-syntax-operator:   #ff8854;
  --color-syntax-regexp:     #b89de4;
  --color-syntax-string:     #95b62a;
  --color-syntax-comment:    #8898b0;
  --color-syntax-invalid:    #ff8686;
  --color-syntax-link:       var(--color-primary);
  --color-syntax-tag:        #ff8854;
  --color-syntax-attribute:  #c792ff;
  --color-syntax-property:   #55afff;
  --color-syntax-variable:   #e29b33;
  --color-syntax-text:       #c9d1d9;
  --color-syntax-text-alt:   #b9bcc7;
  --color-syntax-punctuation:#d2d4db;
  --color-syntax-whitespace: #7f8699;
  --color-syntax-diff-fg:    #ffffff;
  --color-syntax-deleted-bg: #5f3737;
  --color-syntax-inserted-bg:#3a523a;
  --color-syntax-emph:       #d1a242;
  --color-syntax-strong:     #e29b33;
  --color-syntax-heading:    #dd9e17;
  --color-syntax-subheading: #95b62a;
  --color-syntax-comment-special: #b89de4;
  --color-syntax-string-special:  #dd9e17;
  --color-syntax-escape:     #c7a618;
  --color-syntax-entity:     #c792ff;
  --color-syntax-preproc:    #4cbe7a;
  --color-syntax-preproc-file:#63b2dd;
  --color-syntax-decorator:  #4cbe7a;
  --color-syntax-namespace:  #c9d1d9;
  --color-syntax-name-pseudo:#c792ff;
  --color-syntax-output:     #8898b0;
  --color-syntax-prompt:     #e29b33;
  --color-syntax-traceback:  #ff8686;
  --color-syntax-matching-bracket-bg:    #00918a48;
  --color-syntax-nonmatching-bracket-bg: #cc484848;

  /* === CONSOLE === */
  --color-console-fg:        #f8f8f8;
  --color-console-fg-subtle: #c1c3c8;
  --color-console-bg:        #0f172a;
  --color-console-border:    #334155;
  --color-console-hover-bg:  #1e293b;
  --color-console-active-bg: #253348;
  --color-console-menu-bg:   #1a2234;
  --color-console-menu-border:#46494f;
  --color-console-link:      #94a3b8;

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