/* PTA Corporate Theme — DARK.
   Basiert auf forgejo-dark (@import). forgejo-dark leitet ALLE Flächen aus einer grauen
   `--steel-N`-Skala ab. Wir definieren diese Skala auf eine dezente, moderne NAVY-Rampe um
   (dunkler Body, ruhige Box-Elevation statt knalliger Blau-Flächen). Blau bleibt für
   Buttons/Links/Akzente. Primär = echtes PTA-Blau (#006FB9), Akzent = Hellblau.
   Zusätzlich: Primary-Button-Farbe (Fomantic codet sie hart auf #2185d0) per !important aufs
   PTA-Blau gezwungen.
   Ablage auf VM: /data/gitea/public/assets/css/theme-pta-dark.css ; aktiv via [ui] THEMES + Auswahl. */
@import url("./theme-forgejo-dark.css");
:root {
  /* ---- Navy-Rampe wie pta.de: fast-schwarzer BG + saturierte blaue Karten (starker Kontrast) ---- */
  --steel-100: #d6e4f3 !important;  /* Text hell            */
  --steel-150: #bfd2e7 !important;
  --steel-200: #a8c0dc !important;  /* Text-light-2         */
  --steel-250: #91aecf !important;
  --steel-300: #7b9cc1 !important;
  --steel-350: #668bb3 !important;
  --steel-400: #557aa3 !important;
  --steel-450: #46698f !important;
  --steel-500: #3a597a !important;
  --steel-550: #304c69 !important;  /* Ränder / Input-Border (gedämpft) */
  --steel-600: #263f5a !important;  /* Sekundär-Buttons / Hover */
  --steel-650: #1b3852 !important;  /* Input-Background     */
  --steel-700: #163049 !important;  /* Box-Header (dezente Elevation) */
  --steel-750: #112738 !important;  /* Box-Body (Karten, gedämpftes Navy, harmonisch) */
  --steel-800: #0b1a29 !important;  /* Body (einen Tick heller, ruhiger Kontrast) */
  --steel-850: #081320 !important;
  --steel-900: #050e18 !important;  /* Navbar               */

  /* ---- Primär = PTA-Blau (#006FB9) ---- */
  --color-primary: #006fb9 !important;
  --color-primary-hover: #1a86c9 !important;
  --color-primary-active: #005a97 !important;
  --color-primary-contrast: #ffffff !important;
  --color-primary-dark-1: #1a86c9 !important;
  --color-primary-dark-2: #3a9bd6 !important;
  --color-primary-dark-3: #5bb0e0 !important;
  --color-primary-light-1: #005a97 !important;
  --color-primary-light-2: #004e82 !important;
  --color-primary-light-3: #00426e !important;
  --color-primary-light-4: #003a61 !important;
  --color-primary-light-5: #003354 !important;
  --color-primary-light-6: #002c48 !important;
  --color-primary-light-7: #00263d !important;
  --color-primary-alpha-10: #006fb91a !important;
  --color-primary-alpha-20: #006fb933 !important;
  --color-primary-alpha-30: #006fb94d !important;
  --color-primary-alpha-40: #006fb966 !important;
  --color-accent: #9fd8ff !important;
}

/* ---- Primary-Button: Fomantic hardcodet #2185d0 (zu hell) -> PTA-Blau erzwingen ---- */
.ui.primary.button,
.ui.primary.buttons .button { background: var(--color-primary) !important; }
.ui.primary.button:hover,
.ui.primary.buttons .button:hover,
.ui.primary.button:focus,
.ui.primary.buttons .button:focus { background: var(--color-primary-hover) !important; }
.ui.primary.button:active,
.ui.primary.buttons .button:active { background: var(--color-primary-active) !important; }

/* SSO-Login-Button: Forgejo rendert das OAuth-Icon hart als <img width=28 height=28 object-contain>.
   Damit das breite PTA-Logo (962x560) nicht ins Quadrat gequetscht wird: Breite auto, Hoehe bleibt 28. */
.oauth-login-link img { width: auto !important; max-width: none !important; }