/* ============================================================
   GITEA CUSTOM THEME — "Aurea Ratio"
   Renaissance · Goldbraun · Mathematische Ästhetik
   Inspiriert von Fibonacci, dem Goldenen Schnitt & der Eule
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=IM+Fell+English:ital@0;1&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Cinzel:wght@400;600&display=swap');

/* ── Farbpalette ────────────────────────────────────────────── */
:root {
  --color-parchment:      #f5e6c8;
  --color-parchment-dark: #e8d5a8;
  --color-ink:            #3b2a14;
  --color-ink-light:      #5c3d1e;
  --color-gold:           #c8922a;
  --color-gold-bright:    #e8a832;
  --color-gold-deep:      #8b6020;
  --color-sienna:         #8b4513;
  --color-moss:           #5a6b3c;
  --color-shadow:         rgba(59, 42, 20, 0.15);

  /* Gitea CSS-Variablen überschreiben */
  --color-primary:          #c8922a;
  --color-primary-dark-1:   #a87820;
  --color-primary-dark-2:   #8b6020;
  --color-primary-light-1:  #d8a840;
  --color-primary-light-2:  #e8c060;
  --color-primary-light-3:  #f0d080;
  --color-primary-alpha-10: rgba(200, 146, 42, 0.10);
  --color-primary-alpha-20: rgba(200, 146, 42, 0.20);
  --color-primary-alpha-30: rgba(200, 146, 42, 0.30);

  --color-red:    #8b2500;
  --color-green:  #5a6b3c;
  --color-orange: #c86420;
  --color-teal:   #4a6b5a;

  --color-body:        #f5e6c8;
  --color-card:        #f0ddb5;
  --color-border:      #c8a870;
  --color-secondary:   #e8d5a8;
  --color-text:        #3b2a14;
  --color-text-light:  #5c3d1e;
  --color-link:        #8b4513;
  --color-link-hover:  #c8922a;

  --border-radius: 3px;
  --font-size:     14px;
  --font-family:   'Cormorant Garamond', 'Palatino Linotype', Georgia, serif;
}

/* ── Basis & Hintergrund ────────────────────────────────────── */
body {
  font-family: var(--font-family);
  font-size: 15px;
  color: var(--color-ink);
  background-color: var(--color-parchment);

  /* Pergament-Textur via SVG-Noise */
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E"),
    linear-gradient(160deg, #f8ecd4 0%, #f0ddb5 40%, #e8d0a0 100%);
  background-attachment: fixed;
}

/* ── Schriften ──────────────────────────────────────────────── */
h1, h2, h3, h4, h5, h6,
.header-brand,
.repository .name,
.ui.header {
  font-family: 'Cinzel', 'Trajan Pro', 'Times New Roman', serif;
  font-weight: 400;
  letter-spacing: 0.04em;
  color: var(--color-ink);
}

code, pre, .cm-editor, .monaco-editor {
  font-family: 'Courier Prime', 'Courier New', monospace;
  background: rgba(59, 42, 20, 0.05) !important;
  border: 1px solid var(--color-border) !important;
  color: var(--color-ink) !important;
}

/* ── Navigationsleiste ──────────────────────────────────────── */
.ui.attached.header.navigate,
#navbar,
.navbar {
  background: linear-gradient(180deg, #2e1f0a 0%, #3d2810 100%) !important;
  border-bottom: 2px solid var(--color-gold) !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.4) !important;
  font-family: 'Cinzel', serif !important;
}

#navbar .item,
.navbar .item,
.navbar a {
  color: #e8c878 !important;
  font-family: 'Cinzel', serif !important;
  font-size: 13px !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  transition: color 0.2s ease !important;
}

#navbar .item:hover,
.navbar .item:hover,
.navbar a:hover {
  color: #f5e6a0 !important;
  background: rgba(200, 146, 42, 0.15) !important;
}

/* Logo-Bereich */
.navbar .header,
.navbar .brand {
  font-family: 'Cinzel', serif !important;
  font-size: 18px !important;
  color: #f0d080 !important;
  letter-spacing: 0.12em !important;
}

/* ── Karten & Container ─────────────────────────────────────── */
.ui.card,
.ui.segment,
.ui.attached.segment,
.repository-list .item,
.explore .item,
.issue-item,
.comment,
.timeline-item {
  background: rgba(240, 221, 181, 0.7) !important;
  border: 1px solid rgba(200, 168, 112, 0.6) !important;
  border-radius: 4px !important;
  box-shadow: 0 1px 6px var(--color-shadow), inset 0 1px 0 rgba(255,255,255,0.3) !important;
}

.ui.card:hover,
.repository-list .item:hover {
  box-shadow: 0 4px 16px rgba(59, 42, 20, 0.2), inset 0 1px 0 rgba(255,255,255,0.4) !important;
  border-color: var(--color-gold) !important;
}

/* ── Buttons ────────────────────────────────────────────────── */
.ui.button,
.ui.basic.button {
  font-family: 'Cinzel', serif !important;
  font-size: 12px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  border-radius: 3px !important;
  transition: all 0.25s ease !important;
}

.ui.primary.button,
.ui.green.button {
  background: linear-gradient(180deg, #d4a030 0%, #a87820 100%) !important;
  border: 1px solid #8b6020 !important;
  color: #f8f0d8 !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.3) !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.2) !important;
}

.ui.primary.button:hover,
.ui.green.button:hover {
  background: linear-gradient(180deg, #e8b840 0%, #c8922a 100%) !important;
  box-shadow: 0 3px 10px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.3) !important;
}

.ui.red.button {
  background: linear-gradient(180deg, #a03020 0%, #7a2010 100%) !important;
  color: #f8f0d8 !important;
}

.ui.basic.button {
  background: rgba(240, 221, 181, 0.8) !important;
  border: 1px solid var(--color-border) !important;
  color: var(--color-ink) !important;
}

.ui.basic.button:hover {
  background: var(--color-parchment-dark) !important;
  border-color: var(--color-gold) !important;
}

/* ── Formularfelder ─────────────────────────────────────────── */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
textarea,
.ui.input input,
select {
  background: rgba(250, 240, 220, 0.9) !important;
  border: 1px solid var(--color-border) !important;
  border-radius: 3px !important;
  color: var(--color-ink) !important;
  font-family: var(--font-family) !important;
  font-size: 15px !important;
  box-shadow: inset 0 1px 4px rgba(59, 42, 20, 0.1) !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
}

input:focus,
textarea:focus,
.ui.input input:focus {
  border-color: var(--color-gold) !important;
  box-shadow: inset 0 1px 4px rgba(59, 42, 20, 0.1), 0 0 0 2px rgba(200, 146, 42, 0.2) !important;
  outline: none !important;
}

/* ── Labels & Tags ──────────────────────────────────────────── */
.ui.label,
.label {
  background: rgba(200, 146, 42, 0.15) !important;
  border: 1px solid rgba(200, 146, 42, 0.4) !important;
  color: var(--color-ink-light) !important;
  font-family: 'Cinzel', serif !important;
  font-size: 11px !important;
  letter-spacing: 0.06em !important;
}

/* Issue-Labels */
.label[style*="background"] {
  border: none !important;
  font-family: 'Cinzel', serif !important;
  font-size: 11px !important;
}

/* ── Repository-Übersicht ───────────────────────────────────── */
.repository .file-list .item,
.repository .commits-table tr {
  border-bottom: 1px solid rgba(200, 168, 112, 0.4) !important;
}

.repository .file-list .item:hover,
.repository .commits-table tr:hover {
  background: rgba(200, 146, 42, 0.08) !important;
}

/* Commit-Nachrichten */
.commit-summary {
  font-family: var(--font-family) !important;
  font-size: 15px !important;
}

/* ── Diff / Code-Ansicht ────────────────────────────────────── */
.diff-file-box {
  border: 1px solid var(--color-border) !important;
  border-radius: 4px !important;
  overflow: hidden !important;
}

.diff-file-header {
  background: linear-gradient(180deg, #e8d0a0 0%, #d8c090 100%) !important;
  border-bottom: 1px solid var(--color-border) !important;
  font-family: 'Cinzel', serif !important;
  font-size: 12px !important;
  letter-spacing: 0.04em !important;
}

.diff-table .del {
  background: rgba(139, 37, 0, 0.08) !important;
}
.diff-table .add {
  background: rgba(90, 107, 60, 0.1) !important;
}
.diff-table .tag.del td {
  background: rgba(139, 37, 0, 0.15) !important;
}
.diff-table .tag.add td {
  background: rgba(90, 107, 60, 0.18) !important;
}

/* ── Sidebar ────────────────────────────────────────────────── */
.repository .sidebar,
.ui.sidebar {
  background: rgba(232, 213, 168, 0.6) !important;
  border-left: 1px solid var(--color-border) !important;
}

/* ── Markdown-Inhalte ───────────────────────────────────────── */
.markdown-body {
  font-family: var(--font-family) !important;
  font-size: 16px !important;
  line-height: 1.8 !important;
  color: var(--color-ink) !important;
}

.markdown-body h1,
.markdown-body h2,
.markdown-body h3 {
  font-family: 'Cinzel', serif !important;
  border-bottom: 1px solid var(--color-border) !important;
  padding-bottom: 0.4em !important;
  color: var(--color-ink) !important;
}

.markdown-body blockquote {
  border-left: 3px solid var(--color-gold) !important;
  background: rgba(200, 146, 42, 0.06) !important;
  color: var(--color-ink-light) !important;
  font-style: italic !important;
}

.markdown-body table th {
  background: linear-gradient(180deg, #e0c888 0%, #d0b870 100%) !important;
  font-family: 'Cinzel', serif !important;
  font-size: 12px !important;
  letter-spacing: 0.06em !important;
}

.markdown-body table tr:nth-child(even) {
  background: rgba(200, 146, 42, 0.05) !important;
}

.markdown-body code {
  background: rgba(59, 42, 20, 0.07) !important;
  color: var(--color-sienna) !important;
  font-size: 14px !important;
}

/* ── Issue & PR-Listen ──────────────────────────────────────── */
.issue-item {
  padding: 12px 16px !important;
  transition: background 0.2s !important;
}

.issue-item:hover {
  background: rgba(200, 146, 42, 0.1) !important;
}

/* ── Kommentare ─────────────────────────────────────────────── */
.comment .header {
  background: linear-gradient(180deg, #e8d5a8 0%, #ddc898 100%) !important;
  border-bottom: 1px solid var(--color-border) !important;
  font-family: 'Cinzel', serif !important;
  font-size: 12px !important;
}

/* ── Tabs ───────────────────────────────────────────────────── */
.ui.tabular.menu,
.ui.pointing.menu {
  border-bottom: 2px solid var(--color-border) !important;
}

.ui.tabular.menu .item,
.ui.pointing.menu .item {
  font-family: 'Cinzel', serif !important;
  font-size: 12px !important;
  letter-spacing: 0.06em !important;
  color: var(--color-ink-light) !important;
}

.ui.tabular.menu .active.item,
.ui.pointing.menu .active.item {
  color: var(--color-ink) !important;
  border-color: var(--color-gold) !important;
  border-bottom-color: var(--color-gold) !important;
  font-weight: 600 !important;
}

/* ── Dropdowns ──────────────────────────────────────────────── */
.ui.dropdown .menu {
  background: #f5e6c8 !important;
  border: 1px solid var(--color-border) !important;
  box-shadow: 0 4px 20px rgba(59, 42, 20, 0.2) !important;
}

.ui.dropdown .menu .item {
  color: var(--color-ink) !important;
  border-top: 1px solid rgba(200, 168, 112, 0.3) !important;
  font-family: var(--font-family) !important;
}

.ui.dropdown .menu .item:hover {
  background: rgba(200, 146, 42, 0.12) !important;
}

/* ── Alerts & Flash-Nachrichten ─────────────────────────────── */
.ui.message {
  border: 1px solid var(--color-border) !important;
  background: rgba(240, 221, 181, 0.9) !important;
  color: var(--color-ink) !important;
  font-family: var(--font-family) !important;
}

.ui.positive.message, .ui.success.message {
  background: rgba(90, 107, 60, 0.12) !important;
  border-color: #5a6b3c !important;
}

.ui.negative.message, .ui.error.message {
  background: rgba(139, 37, 0, 0.08) !important;
  border-color: #8b2500 !important;
}

/* ── Footer ─────────────────────────────────────────────────── */
footer,
.ui.footer {
  background: linear-gradient(180deg, transparent 0%, rgba(59, 42, 20, 0.06) 100%) !important;
  border-top: 1px solid var(--color-border) !important;
  color: var(--color-ink-light) !important;
  font-family: 'Cinzel', serif !important;
  font-size: 11px !important;
  letter-spacing: 0.08em !important;
}

footer a {
  color: var(--color-gold-deep) !important;
}

/* ── Scrollbar (Webkit) ─────────────────────────────────────── */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: var(--color-parchment-dark);
}
::-webkit-scrollbar-thumb {
  background: var(--color-gold-deep);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--color-gold);
}

/* ── Selektion ──────────────────────────────────────────────── */
::selection {
  background: rgba(200, 146, 42, 0.3);
  color: var(--color-ink);
}

/* ── Dekorativer Trennstrich (Renaissance-Stil) ─────────────── */
.divider,
.ui.divider {
  border-color: rgba(200, 168, 112, 0.5) !important;
}

/* ── Breadcrumbs ────────────────────────────────────────────── */
.breadcrumb .divider {
  color: var(--color-gold) !important;
}

.breadcrumb a {
  color: var(--color-sienna) !important;
  font-family: 'Cinzel', serif !important;
  font-size: 12px !important;
  letter-spacing: 0.04em !important;
}

/* ── Statistik-Karten (Explore-Seite) ───────────────────────── */
.statistic .value {
  font-family: 'IM Fell English', serif !important;
  color: var(--color-gold-deep) !important;
}

.statistic .label {
  font-family: 'Cinzel', serif !important;
  letter-spacing: 0.08em !important;
  color: var(--color-ink-light) !important;
}

/* ── Avatar-Ringe ───────────────────────────────────────────── */
.ui.avatar.image,
img.avatar {
  border: 2px solid var(--color-gold-deep) !important;
  border-radius: 3px !important;
}

/* ── Goldener Akzent-Strich unter Seitentiteln ──────────────── */
.page-header-wrapper h1,
.page-header-wrapper h2 {
  position: relative;
  padding-bottom: 12px;
}

.page-header-wrapper h1::after,
.page-header-wrapper h2::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 60px;
  height: 2px;
  background: linear-gradient(90deg, var(--color-gold), transparent);
}

/* ── Links ──────────────────────────────────────────────────── */
a {
  color: var(--color-sienna) !important;
  transition: color 0.2s !important;
}

a:hover {
  color: var(--color-gold) !important;
  text-decoration: none !important;
}
/* ============================================================
   GITEA DARK THEME — "Aurea Nox"
   Nacht-Variante des Aurea Ratio Themes
   Dunkles Pergament · Goldene Akzente · Tintenschwarz
   
   VERWENDUNG: Diese Datei ergänzt user.css
   In app.ini eintragen:
     [ui]
     DEFAULT_THEME = gitea-dark-aurea
   Oder: Einfach zusätzlich zur user.css laden lassen,
   indem du den Dateinamen auf user.css setzt und diese
   Datei mit @media (prefers-color-scheme: dark) wrappst.
   ============================================================ */

@media (prefers-color-scheme: dark) {

  /* ── Dunkle Farbpalette ──────────────────────────────────── */
  :root {
    --color-parchment:      #1a1208;
    --color-parchment-dark: #140e05;
    --color-ink:            #e8d5a8;
    --color-ink-light:      #c8b888;
    --color-gold:           #d4a030;
    --color-gold-bright:    #e8c050;
    --color-gold-deep:      #a87820;
    --color-sienna:         #c87040;
    --color-shadow:         rgba(0, 0, 0, 0.4);
    --color-border:         #4a3510;

    --color-primary:          #d4a030;
    --color-primary-dark-1:   #b08820;
    --color-primary-dark-2:   #8b6820;
    --color-primary-light-1:  #e4b840;
    --color-primary-light-2:  #f0cc60;
    --color-primary-light-3:  #f8dc80;
    --color-primary-alpha-10: rgba(212, 160, 48, 0.10);
    --color-primary-alpha-20: rgba(212, 160, 48, 0.20);
    --color-primary-alpha-30: rgba(212, 160, 48, 0.30);

    --color-body:        #1a1208;
    --color-card:        #211608;
    --color-text:        #e8d5a8;
    --color-text-light:  #c8b888;
    --color-link:        #c87040;
    --color-link-hover:  #d4a030;
  }

  /* ── Basis ───────────────────────────────────────────────── */
  body {
    background-color: #1a1208 !important;
    background-image:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E"),
      linear-gradient(160deg, #1e1508 0%, #1a1208 40%, #120d05 100%) !important;
    color: #e8d5a8 !important;
  }

  /* ── Navigation ─────────────────────────────────────────── */
  .ui.attached.header.navigate,
  #navbar,
  .navbar {
    background: linear-gradient(180deg, #0d0802 0%, #160f04 100%) !important;
    border-bottom: 2px solid #a07820 !important;
    box-shadow: 0 2px 16px rgba(0,0,0,0.7) !important;
  }

  #navbar .item,
  .navbar .item,
  .navbar a {
    color: #c8a840 !important;
  }

  #navbar .item:hover,
  .navbar .item:hover {
    color: #e8c858 !important;
    background: rgba(212, 160, 48, 0.12) !important;
  }

  .navbar .header,
  .navbar .brand {
    color: #d4a838 !important;
  }

  /* ── Karten & Segmente ───────────────────────────────────── */
  .ui.card,
  .ui.segment,
  .ui.attached.segment,
  .repository-list .item,
  .explore .item,
  .issue-item,
  .comment,
  .timeline-item {
    background: rgba(30, 20, 8, 0.85) !important;
    border: 1px solid rgba(74, 53, 16, 0.7) !important;
    box-shadow: 0 1px 8px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.03) !important;
  }

  .ui.card:hover,
  .repository-list .item:hover {
    border-color: #a07820 !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.6), inset 0 1px 0 rgba(255,255,255,0.05) !important;
  }

  /* ── Buttons ─────────────────────────────────────────────── */
  .ui.primary.button,
  .ui.green.button {
    background: linear-gradient(180deg, #b08828 0%, #886018 100%) !important;
    border: 1px solid #6b4a10 !important;
    color: #f5e8c0 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.1) !important;
  }

  .ui.primary.button:hover,
  .ui.green.button:hover {
    background: linear-gradient(180deg, #c89830 0%, #a07020 100%) !important;
    box-shadow: 0 3px 12px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.15) !important;
  }

  .ui.basic.button {
    background: rgba(30, 20, 8, 0.9) !important;
    border: 1px solid #4a3510 !important;
    color: #e8d5a8 !important;
  }

  .ui.basic.button:hover {
    background: rgba(40, 28, 10, 0.95) !important;
    border-color: #a07820 !important;
  }

  /* ── Formularfelder ──────────────────────────────────────── */
  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="search"],
  textarea,
  .ui.input input,
  select {
    background: rgba(20, 14, 5, 0.9) !important;
    border: 1px solid #4a3510 !important;
    color: #e8d5a8 !important;
    box-shadow: inset 0 1px 5px rgba(0,0,0,0.4) !important;
  }

  input:focus,
  textarea:focus,
  .ui.input input:focus {
    border-color: #a07820 !important;
    box-shadow: inset 0 1px 5px rgba(0,0,0,0.4), 0 0 0 2px rgba(160, 120, 32, 0.25) !important;
  }

  /* ── Labels / Tags ───────────────────────────────────────── */
  .ui.label,
  .label {
    background: rgba(160, 120, 32, 0.18) !important;
    border: 1px solid rgba(160, 120, 32, 0.4) !important;
    color: #c8b888 !important;
  }

  /* ── Code & Pre ──────────────────────────────────────────── */
  code, pre {
    background: rgba(10, 7, 2, 0.8) !important;
    border: 1px solid #3a2808 !important;
    color: #c8a848 !important;
  }

  /* ── Diff ────────────────────────────────────────────────── */
  .diff-file-header {
    background: linear-gradient(180deg, #211608 0%, #1a1007 100%) !important;
    border-bottom: 1px solid #4a3510 !important;
  }

  .diff-table .del {
    background: rgba(139, 37, 0, 0.15) !important;
  }
  .diff-table .add {
    background: rgba(60, 80, 30, 0.18) !important;
  }
  .diff-table .tag.del td {
    background: rgba(139, 37, 0, 0.25) !important;
  }
  .diff-table .tag.add td {
    background: rgba(60, 80, 30, 0.28) !important;
  }

  /* ── Dropdown ────────────────────────────────────────────── */
  .ui.dropdown .menu {
    background: #1e1408 !important;
    border: 1px solid #4a3510 !important;
    box-shadow: 0 6px 24px rgba(0,0,0,0.6) !important;
  }

  .ui.dropdown .menu .item {
    color: #e8d5a8 !important;
    border-top: 1px solid rgba(74, 53, 16, 0.4) !important;
  }

  .ui.dropdown .menu .item:hover {
    background: rgba(160, 120, 32, 0.15) !important;
  }

  /* ── Tabs ────────────────────────────────────────────────── */
  .ui.tabular.menu,
  .ui.pointing.menu {
    border-bottom: 2px solid #3a2808 !important;
  }

  .ui.tabular.menu .item,
  .ui.pointing.menu .item {
    color: #a89060 !important;
  }

  .ui.tabular.menu .active.item,
  .ui.pointing.menu .active.item {
    color: #e8d5a8 !important;
    border-color: #a07820 !important;
    background: rgba(160, 120, 32, 0.1) !important;
  }

  /* ── Markdown ────────────────────────────────────────────── */
  .markdown-body {
    color: #e0cca0 !important;
  }

  .markdown-body h1,
  .markdown-body h2,
  .markdown-body h3 {
    color: #f0e0b0 !important;
    border-bottom: 1px solid #4a3510 !important;
  }

  .markdown-body blockquote {
    border-left: 3px solid #a07820 !important;
    background: rgba(160, 120, 32, 0.08) !important;
    color: #c8b888 !important;
  }

  .markdown-body table th {
    background: linear-gradient(180deg, #2a1c08 0%, #221608 100%) !important;
  }

  .markdown-body table tr:nth-child(even) {
    background: rgba(160, 120, 32, 0.06) !important;
  }

  .markdown-body code {
    background: rgba(10, 7, 2, 0.7) !important;
    color: #d4a048 !important;
  }

  /* ── Kommentare ──────────────────────────────────────────── */
  .comment .header {
    background: linear-gradient(180deg, #221608 0%, #1a1208 100%) !important;
    border-bottom: 1px solid #4a3510 !important;
    color: #c8b888 !important;
  }

  /* ── Sidebar ─────────────────────────────────────────────── */
  .repository .sidebar,
  .ui.sidebar {
    background: rgba(20, 14, 5, 0.7) !important;
    border-left: 1px solid #4a3510 !important;
  }

  /* ── Divider ─────────────────────────────────────────────── */
  .divider,
  .ui.divider {
    border-color: rgba(74, 53, 16, 0.6) !important;
  }

  /* ── Links ───────────────────────────────────────────────── */
  a {
    color: #c87040 !important;
  }

  a:hover {
    color: #d4a030 !important;
  }

  /* ── Messages ────────────────────────────────────────────── */
  .ui.message {
    background: rgba(25, 17, 6, 0.95) !important;
    border: 1px solid #4a3510 !important;
    color: #e8d5a8 !important;
  }

  .ui.positive.message, .ui.success.message {
    background: rgba(40, 60, 20, 0.2) !important;
    border-color: #3a5018 !important;
  }

  .ui.negative.message, .ui.error.message {
    background: rgba(80, 20, 8, 0.18) !important;
    border-color: #6b2010 !important;
  }

  /* ── Avatar-Ringe ────────────────────────────────────────── */
  .ui.avatar.image,
  img.avatar {
    border: 2px solid #6b4a10 !important;
  }

  /* ── Footer ──────────────────────────────────────────────── */
  footer,
  .ui.footer {
    background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.3) 100%) !important;
    border-top: 1px solid #3a2808 !important;
    color: #a89060 !important;
  }

  footer a {
    color: #a07820 !important;
  }

  /* ── Scrollbar (Webkit) ──────────────────────────────────── */
  ::-webkit-scrollbar-track {
    background: #140e05;
  }
  ::-webkit-scrollbar-thumb {
    background: #4a3510;
  }
  ::-webkit-scrollbar-thumb:hover {
    background: #a07820;
  }

  /* ── Selektion ───────────────────────────────────────────── */
  ::selection {
    background: rgba(160, 120, 32, 0.35);
    color: #f0e0b0;
  }

  /* ── Diff-Header & File-Box ──────────────────────────────── */
  .diff-file-box {
    border: 1px solid #4a3510 !important;
  }

  /* ── Repository-Tabelle ──────────────────────────────────── */
  .repository .file-list .item {
    border-bottom: 1px solid rgba(74, 53, 16, 0.4) !important;
  }

  .repository .file-list .item:hover {
    background: rgba(160, 120, 32, 0.08) !important;
  }

  /* ── Issue-Liste ─────────────────────────────────────────── */
  .issue-item:hover {
    background: rgba(160, 120, 32, 0.08) !important;
  }

  /* ── Breadcrumb ──────────────────────────────────────────── */
  .breadcrumb a {
    color: #c87040 !important;
  }

  /* ── Statistik ───────────────────────────────────────────── */
  .statistic .value {
    color: #c8a030 !important;
  }

  .statistic .label {
    color: #a89060 !important;
  }

}