/* Defend The Free — accent colours for the repository.
 *
 * Loaded after Forgejo's own theme rather than in place of it. Its built-in
 * themes are compiled into the binary, not shipped as CSS, so a file named
 * theme-*.css does not extend one: it replaces it, and every background and
 * text colour it does not define goes undefined. That turns the whole site
 * white. Only the accent is changed here; everything structural stays
 * Forgejo's.
 *
 * Colour variables only, no layout. Anything hooked into Forgejo's internal
 * class names breaks on the next release and has to be found again.
 */

:root {
  --color-primary:          #FF9500;
  --color-primary-contrast: #140A00;
  --color-primary-dark-1:   #FFA526;
  --color-primary-dark-2:   #FFB44D;
  --color-primary-dark-3:   #FFC373;
  --color-primary-dark-4:   #FFD199;
  --color-primary-dark-5:   #FFE0BF;
  --color-primary-dark-6:   #FFEFE0;
  --color-primary-dark-7:   #FFF7F0;
  --color-primary-light-1:  #E68600;
  --color-primary-light-2:  #CC7700;
  --color-primary-light-3:  #B36800;
  --color-primary-light-4:  #995900;
  --color-primary-light-5:  #804A00;
  --color-primary-light-6:  #663B00;
  --color-primary-light-7:  #4D2C00;

  --color-primary-alpha-10: #FF950019;
  --color-primary-alpha-20: #FF950033;
  --color-primary-alpha-30: #FF95004D;
  --color-primary-alpha-40: #FF950066;
  --color-primary-alpha-50: #FF950080;
  --color-primary-alpha-60: #FF950099;
  --color-primary-alpha-70: #FF9500B3;
  --color-primary-alpha-80: #FF9500CC;
  --color-primary-alpha-90: #FF9500E5;

  --color-primary-hover:    #FFA526;
  --color-primary-active:   #E68600;

  /* Links sit a step lighter than the button fill so a page of links does
     not read as a page of buttons. */
  --color-secondary-link:   #FFB44D;
}

/* The logo is constrained to the bar rather than left to push the
   navigation around. Forgejo renders it at 30px by default; this only
   guards against a wide lockup overflowing on a narrow window. */
#navbar img.logo,
.navbar img.logo {
  max-width: 190px;
  width: auto;
  object-fit: contain;
}

/* The sign-in button is the one control that matters on the login page, so
   it carries the site's gradient rather than a flat fill. */
.ui.primary.button,
.ui.primary.buttons .button {
  background-image: linear-gradient(100deg, #EEFF00, #FF9500);
  color: #140A00;
  font-weight: 700;
  border: 0;
}
.ui.primary.button:hover,
.ui.primary.buttons .button:hover {
  background-image: linear-gradient(100deg, #FFF04D, #FFA526);
  color: #140A00;
}