/* skhaller-Farbschema für Forgejo
   Basis: Forgejo hell/dunkel je nach Systemeinstellung, ersetzt werden nur die Akzentfarben
   durch die skhaller-Palette (#8FCBFF #4C96D7 #1B64A5 #0C3A6B #04203F). */
@import "./theme-forgejo-light.css" (prefers-color-scheme: light);
@import "./theme-forgejo-dark.css" (prefers-color-scheme: dark);

gitea-theme-meta-info {
  --theme-display-name: "skhaller";
  --theme-color-scheme: auto;
}

:root {
  --color-primary: #1B64A5;
  --color-primary-contrast: #ffffff;
  --color-primary-dark-1: #195c98;
  --color-primary-dark-2: #17548b;
  --color-primary-dark-3: #154c7d;
  --color-primary-dark-4: #124470;
  --color-primary-dark-5: #103c63;
  --color-primary-dark-6: #0e3456;
  --color-primary-dark-7: #0c2c49;
  --color-primary-light-1: #3475af;
  --color-primary-light-2: #4d86b9;
  --color-primary-light-3: #6697c3;
  --color-primary-light-4: #7fa8cd;
  --color-primary-light-5: #98b9d6;
  --color-primary-light-6: #b1cae0;
  --color-primary-light-7: #cbdbea;
  --color-primary-alpha-10: rgba(27,100,165,0.1);
  --color-primary-alpha-20: rgba(27,100,165,0.2);
  --color-primary-alpha-30: rgba(27,100,165,0.3);
  --color-primary-alpha-40: rgba(27,100,165,0.4);
  --color-primary-alpha-50: rgba(27,100,165,0.5);
  --color-primary-alpha-60: rgba(27,100,165,0.6);
  --color-primary-alpha-70: rgba(27,100,165,0.7);
  --color-primary-alpha-80: rgba(27,100,165,0.8);
  --color-primary-alpha-90: rgba(27,100,165,0.9);
  --color-primary-hover: var(--color-primary-dark-1);
  --color-primary-active: var(--color-primary-dark-2);
  --color-accent: #1B64A5;
  --color-small-accent: #dde8f2;
  --skh-band: linear-gradient(90deg, #8FCBFF, #4C96D7, #1B64A5, #0C3A6B, #04203F);
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-primary: #4C96D7;
    --color-primary-contrast: #ffffff;
    --color-primary-dark-1: #5a9eda;
    --color-primary-dark-2: #69a7dd;
    --color-primary-dark-3: #77afe1;
    --color-primary-dark-4: #85b8e4;
    --color-primary-dark-5: #94c0e7;
    --color-primary-dark-6: #a2c8ea;
    --color-primary-dark-7: #b0d1ed;
    --color-primary-light-1: #4486bf;
    --color-primary-light-2: #3b75a8;
    --color-primary-light-3: #336490;
    --color-primary-light-4: #2b5478;
    --color-primary-light-5: #224461;
    --color-primary-light-6: #1a3349;
    --color-primary-light-7: #112231;
    --color-primary-alpha-10: rgba(76,150,215,0.1);
    --color-primary-alpha-20: rgba(76,150,215,0.2);
    --color-primary-alpha-30: rgba(76,150,215,0.3);
    --color-primary-alpha-40: rgba(76,150,215,0.4);
    --color-primary-alpha-50: rgba(76,150,215,0.5);
    --color-primary-alpha-60: rgba(76,150,215,0.6);
    --color-primary-alpha-70: rgba(76,150,215,0.7);
    --color-primary-alpha-80: rgba(76,150,215,0.8);
    --color-primary-alpha-90: rgba(76,150,215,0.9);
    --color-primary-hover: var(--color-primary-light-1);
    --color-primary-active: var(--color-primary-light-2);
    --color-accent: #4C96D7;
    --color-small-accent: #0b1620;
  }
}

/* Wellenfarben als schmales Band unter der Kopfleiste */
#navbar { position: relative; }
#navbar::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px;
  background: var(--skh-band); pointer-events: none;
}

/* Login-Seite: grosses Logo und Begrüssung über dem Formular.
   Nur CSS, kein Template. Ändert Forgejo die Klassen, fällt es still weg, sonst bricht nichts. */
.page-content.user.signin::before {
  content: "Privates Git von skhaller.ch";
  display: block; margin: 2.5rem auto 1.5rem; padding-top: 128px;
  background: url("../img/logo.svg") center top / 112px 112px no-repeat;
  text-align: center; font-size: 1.4rem; font-weight: 600; color: var(--color-primary);
}