:root {

	/*Variaveis de cor*/

	--texto-color: #007bff; /*azul*/
	--blue-light-600: #00ADC8;

	--background-001: #f4f4f9;
	--background-002: #ff99f0;

    --box-shadow: rgba(0, 0, 0, 0.1); /* sombra genérica do wrapper e wrapper-header */
    
    --white: #ffffff;
    --black: #000000;
    
    --header-bg: #ffffff;              /* fundo do wrapper-header */
    --header-border-bottom: #eee;     /* borda inferior do header */
    --header-text-logo: #333333;       /* cor do texto da logo h1 */
    
    --nav-link-color: #007bff;        /* cor dos links de navegação */
    
    --title-color: #007bff;            /* cor título principal e h1 h2 */
    
    --description-main-color: #555555; /* cor do texto da descrição principal */
    --description-secondary-color: #666666; /* texto secundário, container e linha */
    --price-text-color: #666666;      /* cor do preço */
    
    --container-border: #dddddd;       /* borda dos containers */
    --container-header-border: #007bff; /* borda inferior do header do container */
    --container-header-text: #4987cd;  /* título do container */
    
    --container-bg: #ffffff;           /* fundo dos containers */
    
    --overheader-bg: #00ADC8;          /* var(--blue-light-600) do overheader */
    --overheader-text: #ffffff;        /* texto do overheader */
    
    --button-bg-desktop: #39b3d7;      /* botão no footer do container desktop */
    --button-bg-mobile: #ff6600;       /* botão no footer do container mobile */
    --button-text: #ffffff;             /* texto do botão */
    
    --footer-border-top: #cccccc;      /* borda superior do footer */
    --footer-text-color: #999999;      /* texto interno do footer */
}