/* Nightfall Project theme for Forgejo: forgejo-dark with the nightfall-project.de palette.
   Lives in /opt/forgejo/data/gitea/public/assets/css/; selected via [ui] DEFAULT_THEME. */
@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;900&display=swap");
@import url("./theme-forgejo-dark.css");

gitea-theme-meta-info {
  --theme-display-name: "Nightfall";
}

:root {
  /* Greys: site --bg #05050a, --surface #08090f, panels #0a0c18 / #0e1020, text #c2d0db, dim #8a9eb0 */
  --steel-100: #dce8f0;
  --steel-150: #c2d0db;
  --steel-200: #b0bcc8;
  --steel-250: #9dabb9;
  --steel-300: #8a9eb0;
  --steel-350: #7a8b9c;
  --steel-400: #6a7a8a;
  --steel-450: #5a6878;
  --steel-500: #4b5766;
  --steel-550: #3d4654;
  --steel-600: #2f3644;
  --steel-650: #232937;
  --steel-700: #1a1e2c;
  --steel-750: #121524;
  --steel-800: #0e1020;
  --steel-850: #0a0c18;
  --steel-900: #05050a;

  /* Accent: site --red-hi #ff2a5e / --red #d4003a */
  --color-primary: #ff2a5e;
  --color-primary-contrast: #fff;
  --color-primary-dark-1: #ff4a74;
  --color-primary-dark-2: #ff6a8b;
  --color-primary-dark-3: #ff8ba3;
  --color-primary-dark-4: #ffabbb;
  --color-primary-light-1: #e8104a;
  --color-primary-light-2: #d4003a;
  --color-primary-light-3: #b30031;
  --color-primary-light-4: #920028;
  --color-primary-light-5: #75001f;
  --color-primary-light-6: #5a0018;
  --color-primary-light-7: #400011;
  --color-primary-alpha-10: #d4003a19;
  --color-primary-alpha-20: #d4003a33;
  --color-primary-alpha-30: #d4003a4b;
  --color-primary-alpha-40: #d4003a66;
  --color-primary-alpha-50: #d4003a80;
  --color-primary-alpha-60: #d4003a99;
  --color-primary-alpha-70: #d4003ab3;
  --color-primary-alpha-80: #d4003acc;
  --color-primary-alpha-90: #d4003ae1;

  --color-console-bg: #05050a;
  --color-light-border: #d4003a2e;
  --color-selection-bg: #d4003a66;
}

h1, h2, h3,
.home .hero h1,
.home .hero h2 {
  font-family: "Orbitron", var(--fonts-proportional);
  letter-spacing: 0.04em;
}

/* Logged-out landing page: site wallpaper and the wide wordmark */
.page-content.home {
  background: linear-gradient(rgba(5, 5, 10, 0.82), rgba(5, 5, 10, 0.92)),
    url("../img/nfp-wallpaper.jpg") center / cover no-repeat fixed;
}
.page-content.home .hero img.logo {
  content: url("../img/nfp-logo-wide.png");
  width: min(600px, 90%);
  height: auto;
}

#navbar {
  border-bottom: 1px solid #d4003a55;
}