/* git.jumphp.net in the charter of jumphp.net: a night-blue arcade cabinet, yellow buttons, a rainbow stripe.
   Loaded after the theme (custom/templates/custom/header.tmpl): the variables below win whatever theme is chosen. */
:root {
  color-scheme: dark;
  --jp-bg: #0b0e1f; --jp-bg2: #11162e; --jp-panel: #161c3a; --jp-panel2: #1d2550; --jp-line: #2b3670;
  --jp-ink: #eef0fa; --jp-muted: #a6afd6; --jp-yellow: #ffd23f; --jp-pink: #ff4d8d; --jp-cyan: #3fd0ff;

  --color-primary: var(--jp-cyan); --color-primary-contrast: #0b0e1f;
  --color-primary-hover: #6fdcff; --color-primary-active: #2bb8e6;
  --color-primary-dark-1: #2bb8e6; --color-primary-dark-2: #25a5ce; --color-primary-dark-3: #1f92b8; --color-primary-dark-4: #197fa1;
  --color-primary-light-1: #5fd9ff; --color-primary-light-2: #7fe0ff; --color-primary-light-3: #9fe8ff; --color-primary-light-4: #bff0ff;
  --color-primary-alpha-10: #3fd0ff19; --color-primary-alpha-20: #3fd0ff33; --color-primary-alpha-30: #3fd0ff4b; --color-primary-alpha-40: #3fd0ff66;
  --color-accent: var(--jp-yellow);
  --color-body: var(--jp-bg); --color-box-body: var(--jp-bg2); --color-box-body-highlight: var(--jp-panel);
  --color-box-header: var(--jp-panel); --color-card: var(--jp-panel); --color-menu: var(--jp-bg2);
  --color-header-wrapper: var(--jp-bg2); --color-nav-bg: var(--jp-bg2); --color-nav-hover-bg: var(--jp-panel2);
  --color-footer: var(--jp-bg); --color-input-background: var(--jp-bg); --color-input-toggle-background: var(--jp-panel);
  --color-secondary: var(--jp-line); --color-secondary-bg: var(--jp-panel); --color-secondary-nav-bg: var(--jp-bg2);
  --color-secondary-hover: #3a4690; --color-secondary-active: #4552a8;
  --color-text: var(--jp-ink); --color-text-dark: #ffffff; --color-text-light: var(--jp-muted); --color-text-light-1: var(--jp-muted);
  --color-text-light-2: #8f99c4; --color-text-light-3: #6f79a8; --color-text-focus: #ffffff;
  --color-button: var(--jp-panel); --color-console-bg: #070914; --color-markup-code-block: var(--jp-panel);
  --color-shadow: #00000066;
}
body { font-family: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, sans-serif; background: var(--jp-bg); }
/* the rainbow stripe of the site, under the top bar */
#navbar { border-bottom: 1px solid var(--jp-line); position: relative; }
#navbar::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 4px;
  background: linear-gradient(90deg, #ff4d4d, #ff9f1c, #ffd23f, #4be08a, #3fd0ff, #7c5cff, #ff4d8d); }
/* every place the original logo would show: ours (the file name is new: caches never kept it) */
img[src*="/assets/img/logo.svg"], #navbar-logo img { content: url("/assets/img/jumphp-logo.svg?v=1"); height: 34px; width: auto; }
.home img { height: 96px !important; width: auto !important; }
/* yellow primary buttons, like the site's */
.ui.primary.button, .ui.primary.buttons .button, .ui.green.button, .ui.basic.primary.button:hover {
  background: var(--jp-yellow) !important; color: #0b0e1f !important; border-color: var(--jp-yellow) !important; font-weight: 700;
}
.ui.primary.button:hover, .ui.green.button:hover { background: #ffdf6e !important; }
.ui.basic.primary.button { color: var(--jp-yellow) !important; border-color: var(--jp-yellow) !important; background: transparent !important; }
.ui.secondary.pointing.menu .active.item { border-color: var(--jp-yellow); }
.ui.label.primary, .ui.primary.label { background: var(--jp-yellow); color: #0b0e1f; }
/* the arcade touch: pixel-ish uppercase headings on the front page and the sign-in */
.page-content.home h1, .page-content.signin h4.header, .page-content.user.signup h4.header, .home .hero h1 {
  font-family: ui-monospace, "Cascadia Mono", "DejaVu Sans Mono", Menlo, Consolas, monospace; letter-spacing: .06em; text-transform: uppercase;
  color: var(--jp-yellow); text-shadow: 2px 2px 0 var(--jp-pink);
}
.page-footer { border-top: 1px solid var(--jp-line); background: var(--jp-bg); }
/* nothing here says what software it is: no help / licences / API links of the original, no "Powered by", no version */
a[href*="forgejo.org"], a[href*="codeberg.org/forgejo"], a[href*="gitea.io"], a[href$="/assets/licenses.txt"], .page-footer a[href$="/api/swagger"] { display: none !important; }