/* Tims Git Server – Farbwelt aus dem Wanderbaumallee-Logo
   Liegt unter $FORGEJO_CUSTOM/public/assets/css/custom.css
   und wird über templates/custom/header.tmpl eingebunden. */

:root {
  /* Blattgrün des Logos als Primärfarbe.
     Kontrastfarbe ist bewusst das Dunkelgrau der Stämme statt Weiß –
     Weiß auf #91b841 kommt nur auf ~2,3:1 und ist damit unlesbar,
     das Dunkelgrau erreicht ~6,9:1. */
  --color-primary: #91b841;
  --color-primary-contrast: #222221;

  --color-primary-dark-1: #85ab39;
  --color-primary-dark-2: #799d32;
  --color-primary-dark-3: #6c8e2c;
  --color-primary-dark-4: #5f7e26;
  --color-primary-dark-5: #4d661e;
  --color-primary-dark-6: #3a4d16;
  --color-primary-dark-7: #26330e;

  --color-primary-light-1: #9dc055;
  --color-primary-light-2: #a9c869;
  --color-primary-light-3: #bbd18c; /* zweites Grün aus dem Logo */
  --color-primary-light-4: #cadfa9;
  --color-primary-light-5: #d9e8c3;
  --color-primary-light-6: #e8f1dc;
  --color-primary-light-7: #f3f7ee;

  --color-primary-alpha-10: #91b8411a;
  --color-primary-alpha-20: #91b84133;
  --color-primary-alpha-30: #91b8414d;
  --color-primary-alpha-40: #91b84166;
  --color-primary-alpha-50: #91b84180;
  --color-primary-alpha-60: #91b84199;
  --color-primary-alpha-70: #91b841b3;
  --color-primary-alpha-80: #91b841cc;
  --color-primary-alpha-90: #91b841e6;

  /* Sekundär- und Akzentflächen im gleichen Grün */
  --color-secondary: #dfe6d2;
  --color-accent: #91b841;
}

/* Startseite: Logo groß, Titel im Logo-Dunkelgrau */
.page-content.home .logo {
  max-width: 220px;
  height: auto;
}

.page-content.home .hero h1 {
  color: #222221;
  letter-spacing: -0.01em;
}

.page-content.home .hero h2 {
  color: #5f7e26;
  font-weight: 400;
}

/* Dezenter grüner Abschluss über dem Footer */
footer {
  border-top: 3px solid var(--color-primary);
}

footer .left-links,
footer .right-links {
  opacity: 0.85;
}

/* --- Top Bar ------------------------------------------------------------ */

/* Grüner Abschluss unten, passend zum Rahmen über dem Footer */
#navbar,
.ui.secondary.menu.navbar {
  border-bottom: 3px solid var(--color-primary);
}

/* Logo in der Navbar etwas Luft geben */
#navbar .item img,
#navbar .brand img {
  height: 30px;
  width: auto;
}

/* Instanzname neben dem Logo im Logo-Dunkelgrau */
#navbar .brand .text,
#navbar .brand strong {
  color: #222221;
  font-weight: 600;
}