$tloCzarne: #171716;
$kreskaGradientLewa: #fbc102;
$kreskaGradientPrawa: #f0a331;
$bialyWI: #ececec;
$bialy: #ffffff;
$czarny: #000;
$bodyTlo: #f2f2f2;

//Stopka
$bialyStopka: $bodyTlo;
$szaryStopkaMenu: #717170;
$szaryMenuStopka: #f7f7f7;
$gradientStopkaBecoLewy: #f9c203;
$gradientStopkaBecoPrawy: #80cf7f;
$gradientStopkaBidbeeLewy: #fac004;
$gradientStopkaBidbeePrawy: #f0a430;
$gradientStopkaPartnerLewy: #efa133;
$gradientStopkaPartnerPrawy: #ef6d33;
$gradientStopkaButtonLewy: #f6c00a;
$gradientStopkaButtonPrawy: #68c388;
$gradientStopkaButtonLewyC: $kreskaGradientLewa;
$gradientStopkaButtonPrawyC: #efa332;

///////////////////////////////////
// Strona główna
///////////////////////////////////

//Nagłówek
$naglowkiBrazowe: $tloCzarne;
$pomaranczowyBanner: #f1a829;

//Licznik
$licznikGrajLewy: $gradientStopkaBidbeeLewy;
$licznikGrajPrawy: $gradientStopkaBidbeePrawy;
$licznikGrajButtonLewy: $kreskaGradientLewa;
$licznikGrajButtonPrawy: $kreskaGradientPrawa;
$licznikWspierajLewy: $gradientStopkaBecoLewy;
$licznikWspierajPrawy: #78d087;
$licznikWspierajButtonLewy: #fbc40a;
$licznikWspierajButtonPrawy: #6ed191;
$licznikSzary: $szaryMenuStopka;
$licznikPozostaloWartosc: #fde127;
$licznikPozostaloBack: $licznikPozostaloWartosc;
$licznikPozostaloLinia: #1d1e1c;
$licznikCyfra: #313230;
$licznikZegarWartoscLewy: $kreskaGradientLewa;
$licznikZegarWartoscPrawy: $kreskaGradientPrawa;
$licznikSciezkaTrack: #7b746c;
$licznikSciezkaFill: $licznikPozostaloWartosc;

//Bidbee
$pomaranczowyBidbeeCiemnyTlo: $kreskaGradientPrawa;
$pomaranczowyBidbeeJasnyTlo: $kreskaGradientLewa;
$pomaranczowyBidbeeUniwersalTlo: $pomaranczowyBanner;
$tytulBidbee: #1d1d1b;
$tytulBidbeeLewy: $gradientStopkaBidbeeLewy;
$tytulBidbeePrawy: $gradientStopkaBidbeePrawy;
$kosmosText: #4469a0;

//Wsparcie
$wsparcieFundacjiTytulLewy: $gradientStopkaPartnerLewy;
$wsparcieFundacjiTytulPrawy: #ef6733;
$wsparcieFundacjiRownanieLewy: $gradientStopkaBecoLewy;
$wsparcieFundacjiRownaniePrawy: $gradientStopkaBecoPrawy;
$wsparcieFundacjiButton: #6c655d;
$wsparcieFundacjiButtonBorder: $wsparcieFundacjiButton;
$misjaTekstLewy: $licznikWspierajButtonLewy;
$misjaTekstPrawy: $licznikWspierajButtonPrawy;

//loterie Slider
$auckjaSzansaLewy: $kreskaGradientPrawa;
$auckjaSzansaPrawy: $kreskaGradientLewa;
$auckjaWartosc: rgba($licznikSciezkaTrack, 0.5);
$aukcjaPulaWartosc: #fac003;
$aukcjaPozostaloWartosc: #efa431;
$aukcjeHexagonalTrack: #e8e8e8;
$aukcjeHexagonalFill: $licznikPozostaloWartosc;
$aukcjePunkt: $aukcjeHexagonalFill;
$aukcjeButton: $licznikSciezkaTrack;
$aukcjeDots: #bfbcb9;
$aukcjeDotsHov: #f4af1e;

//Fundacja B-eco
$fundacjaTloLewy: $licznikWspierajButtonLewy;
$fundacjaTloPrawy: $licznikWspierajButtonPrawy;
$fundacjaTytul: $licznikSciezkaTrack;
$fundacjaTytulKolor: #f6b417;

//Cele fundacji
$celMiasto: $aukcjeHexagonalTrack;
$celMiastoText: $licznikSciezkaTrack;
$celTytul: $tloCzarne;
$celIlosc: $licznikSciezkaTrack;
$celPula: $licznikSciezkaTrack;
$celPulaWartosc: #71d18e;
$celPulaWartoscKolor: #b4b2af;
$celUzbieranoWartosc: #dec725;
$celTrack: $aukcjeHexagonalTrack;
$celPunktLewy: #90ce73;
$celPunktPrawy: #cfc834;
$celWykresWartosc: #94ce6d;
$celButton: $licznikSciezkaTrack;
$celDots: #b7b3af;
$celDotsLewy: #e4d461;
$celDotsPrawy: #8fce72;

//Wsparcie
$naglowekWsparcieF: $licznikSciezkaTrack;
$wsparcieGrafLewy: $kreskaGradientLewa;
$wsparcieGrafPrawy: $kreskaGradientPrawa;
$tekstNagrodaLewy: #efa033;
$tekstNagrodaPrawy: #ef6833;
$tekstNagroda: $licznikSciezkaTrack;
$tekstCeleLewy: #eccb37;
$tekstCelePrawy: #82cf7e;
$tekstCele: $licznikSciezkaTrack;
$tekstProjektLewy: #fbc103;
$tekstProjektPrawy: #efa331;
$tekstProjekt: $licznikSciezkaTrack;

//Newsy
$newsTitle: $licznikSciezkaTrack;
$newsTitleKolor: #363432;
$newsBox: $bodyTlo;
$newsStatus: rgba(#f2f2f2, 0.75);
$newsTytul: $tloCzarne;
$newsSkrot: rgba($licznikSciezkaTrack, 0.7);
$newsLinkGradientLewy: #fbc40f;
$newsLinkGradientPrawy: #efa537;
$newsBoxHover: $szaryMenuStopka;
$newsBoxHoverLewy: #fbc002;
$newsBoxHoverPrawy: $tekstProjektPrawy;
$wiecejNewsowLewy: $newsLinkGradientLewy;
$wiecejNewsowPrawy: $newsLinkGradientPrawy;

//Działy
$kreskaDzialyLewy: $gradientStopkaPartnerLewy;
$kreskaDzialyPrawy: $wsparcieFundacjiTytulPrawy;
$dzialTytul: $licznikSciezkaTrack;
$dzialTekst: $tloCzarne;
$dzialLinkGradientLewy: #fbc717;
$dzialLinkGradientPrawy: #70d293;
$dzialBbetTytul: $wsparcieFundacjiTytulPrawy;
$dzialBbetKreskaLewy: $gradientStopkaPartnerLewy;
$dzialBbetKreskaPrawy: $wsparcieFundacjiTytulPrawy;
$dzialBbetLinkLewy: #ef9533;
$dzialBbetLinkPrawy: #ef9c33;
$dzialBshowerTytul: #6196e6;
$dzialBshowerKreska: #6195e5;
$dzialBpartnerTytul: #3f517a;
$dzialBpartnerKreska: $dzialBpartnerTytul;
$dzialBpromoTytul: #a55eba;
$dzialBpromoKreska: $dzialBpromoTytul;
$dzialTresc: $licznikSciezkaTrack;
$dzialTrescLink: $licznikSciezkaTrack;
$panelBbetLewy: $gradientStopkaPartnerLewy;
$panelBbetPrawy: $wsparcieFundacjiTytulPrawy;
$panelBbetP: #ef6933;
$panelBshower: $dzialBshowerTytul;
$panelBpartner: $dzialBpartnerTytul;
$panelBpromo: $dzialBpromoTytul;

///////////////////////////////////
// Cele fundacji Show
///////////////////////////////////
$naglowekCeleLewy: #eac61a;
$naglowekCelePrawy: #7fcf81;
$naglowekCeleSzczegolyTytul: $licznikSciezkaTrack;
$naglowekCeleZolty: #f9c40c;
$naglowekCeleZielony: #6fd191;
$naglowekCeleTloLewy: $licznikWspierajButtonLewy;
$naglowekCeleTloPrawy: #6dd192;
$naglowekCeleMiejsce: #c5c93d;
$naglowekCeleTytul: #f1f1f1;
$CeleTytulySekcji: $licznikSciezkaTrack;

///////////////////////////////////
// Fundacja B-eco
///////////////////////////////////
$fundacjaBannerTekst: $licznikSciezkaTrack;
$aktualneCele: #bcb9b6;
$aktualneCeleLiczba: #e9c61b;
$fundacjaMarketTlo: #f6b516;
$fundacjaMarketDoZgarniecia: $licznikPozostaloWartosc;
$fundacjaSliderTlo: #e6e6e6;
$fundacjaSliderLewy: #f6c50f;
$fundacjaSliderPrawy: #73d08c;

///////////////////////////////////
// Newsy
///////////////////////////////////
$newsListaTlo: $fundacjaTytulKolor;
$newsListaNaglowek: $licznikSciezkaTrack;
$newsPaginacjaCurrentLewy: $kreskaGradientLewa;
$newsPaginacjaCurrentPrawy: $gradientStopkaButtonPrawyC;
$newsEvent: #fffefe;
$newsTytul: $tloCzarne;
$newsSkrot: #3c3a38;
$kreskaTlo: #a4a09b;

///////////////////////////////////
// Bidbee Market
///////////////////////////////////
$naglowekTytul: $licznikSciezkaTrack;
$logoGRadientLewy: #fac103;
$logoGRadientPrawy: $kreskaGradientPrawa;
$linkiZwyciezcy: $aktualneCele;
$bannerGradientTytulLewy: $kreskaGradientLewa;
$bannerGradientTytulPrawy: $gradientStopkaButtonPrawyC;
$celDotsBorder: #837c75;

//////////////////////////////////
// Czcionki
///////////////////////////////////
@font-face {
  font-family: 'Palanquin';
  font-style: bold;
  font-weight: 700;
  src: local('Palanquin Bold'), local('Palanquin-Bold'), url(../font/palanquin/Palanquin-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Palanquin';
  font-style: semi-bold;
  font-weight: 600;
  src: local('Palanquin SemiBold'), local('Palanquin-SemiBold'), url(../font/palanquin/Palanquin-SemiBold.ttf) format('truetype');
}
@font-face {
  font-family: 'Palanquin';
  font-style: thin;
  font-weight: 100;
  src: local('Palanquin Thin'), local('Palanquin-Thin'), url(../font/palanquin/Palanquin-Thin.ttf) format('truetype');
}
@font-face {
  font-family: 'Palanquin';
  font-style: regular;
  font-weight: 400;
  src: local('Palanquin Regular'), local('Palanquin-Regular'), url(../font/palanquin/Palanquin-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Palanquin';
  font-style: light;
  font-weight: 300;
  src: local('Palanquin Light'), local('Palanquin-Light'), url(../font/palanquin/Palanquin-Light.ttf) format('truetype');
}
@font-face {
  font-family: 'Palanquin';
  font-style: extra-light;
  font-weight: 200;
  src: local('Palanquin ExtraLight'), local('Palanquin-ExtraLight'), url(../font/palanquin/Palanquin-ExtraLight.ttf) format('truetype');
}
@font-face {
  font-family: 'Palanquin';
  font-style: medium;
  font-weight: 500;
  src: local('Palanquin Medium'), local('Palanquin-Medium'), url(../font/palanquin/Palanquin-Medium.ttf) format('truetype');
}

@font-face {
  font-family: 'Poppins';
  font-style: light;
  font-weight: 300;
  src: local('Poppins Light'), local('Poppins-Light'), url(../font/poppins/Poppins-Light.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: regular;
  font-weight: 400;
  src: local('Poppins Regular'), local('Poppins-Regular'), local('Poppins'), url(../font/poppins/Poppins-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: medium;
  font-weight: 500;
  src: local('Poppins Medium'), local('Poppins-Medium'), url(../font/poppins/Poppins-Medium.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: bold;
  font-weight: 700;
  src: local('Poppins Bold'), local('Poppins-Bold'), local('Poppins'), url(../font/poppins/Poppins-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: semi-bold;
  font-weight: 600;
  src: local('Poppins SemiBold'), local('Poppins-SemiBold'), local('Poppins'), url(../font/poppins/Poppins-SemiBold.ttf) format('truetype');
}
///////////////////////////////////
// Funkcje
///////////////////////////////////
@mixin gradientPrawy($from, $to) {
  background: $from; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, $from, $to); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, $from, $to); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, $from, $to); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, $from, $to); /* Standard syntax */
}
@mixin gradient($from, $to) {
  background: $from;
  background: -webkit-linear-gradient($from, $to);
  background: -o-linear-gradient($from, $to);
  background: -moz-linear-gradient($from, $to);
  background: linear-gradient($from, $to);
}
@mixin gradientText($from, $to) {
  background: -webkit-linear-gradient(left, $from, $to);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: $from;
}
@mixin gradientTextGora($from, $to) {
  background: -webkit-linear-gradient($from, $to);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: $from;
}
@mixin gradientTextStop($text) {
  background: none;
  -webkit-background-clip: initial;
  -webkit-text-fill-color: $text;
  color: $text;
}