body.dark-mode {
	--text-title: var(--color-white);
	--text-paragraph: var(--color-cloudy-gray);
	--text-button: var(--color-white);
	--text-button-hover: var(--color-royal-blue);

	min-height: 100vh;
  	background-image: url("../../img/global/background/background-black.png");
  	background-repeat: repeat-y;       
  	background-size: cover;         
  	background-position: top center;  

	.sgp-header {
		background-color: var(--bg-septenary);
		border-bottom: 1px solid var(--border-segundary);
	}

	.sgp-aside-left {
		background-color: var(--bg-scrollbar);
	}
	
	:is(.sgp-header__menu-mobile, .sgp-guide__menumobile) {
		background-color: var(--bg-septenary);
		border: 0.1rem solid var(--bg-tertiary);

	}

	:is(.sgp-header__menu-item, .sgp-guide__mobile-item) {
		background-color: var(--bg-secondary);
	}

	.sgp-header__list {
		background-color: var(--bg-septenary);
		border-bottom: 1px solid var(--border-segundary);
  }

  .sub-menu {
	background-color: var(--bg-septenary);
  }

  .sub-menu li a:hover {
	background-color: var(--color-medium-blue);
  }
  
  /* footer */
  .footer {
        color: var(--text-title);
    }
}