/* ==========================================================================
   CORES DO SITE — ficheiro único

   Todas as cores do tema estão aqui. Para mudar uma cor no site inteiro,
   altere o valor neste ficheiro (os outros CSS só usam estas variáveis).

   Também alimenta a paleta do editor de blocos (theme.json aponta para estas
   variáveis) e é carregado no painel, para as amostras de cor aparecerem.

   Secções:
     1. Paleta principal da marca
     2. Transparências (sombras, véus, brilhos)  → usar com rgb(var(--rgb-x) / .5)
     3. Sombras, gradientes e sobreposições
     4. Página Sites e páginas de serviço (prefixo --s-)
     5. Página Serviços (prefixo --sv-)
     6. Ilustrações (mockups de Google, painel da loja…)
     7. WhatsApp
   ========================================================================== */

:root {
	/* 1. PALETA PRINCIPAL --------------------------------------------------- */
	--cor-primaria:      #c88942; /* dourado — botões, destaques */
	--cor-destaque:      #d99a45;
	--cor-bronze:        #a8794e; /* subtítulos, links, destaques */
	--cor-bronze-escuro: #8a6240; /* bronze mais escuro (hover, texto sobre fundos claros) */
	--cor-estrelas:      #f6aa18;
	--cor-escuro:        #151515; /* títulos, fundos escuros */
	--cor-texto:         #222222;
	--cor-texto-suave:   #555555;
	--cor-cinza:         #777777;
	--cor-borda:         #e5e5e5;
	--cor-borda-quente:  #e4ddd4;
	--cor-creme:         #fbf8f3;
	--cor-claro:         #fafafa;
	--cor-branco:        #ffffff;
	--cor-areia:         #a58e74;
	--cor-marinho:       #0b2948;
	--cor-champanhe:     #f4d49a;
	--cor-dourado-suave: #e2bd8a;
	--cor-cobre:         var(--cor-bronze);        /* antes #b97d3d (alaranjado) */
	--cor-ambar:         var(--cor-bronze);        /* antes #b17632 (alaranjado) */
	--cor-caramelo:      var(--cor-bronze-escuro); /* antes #a96b28 (alaranjado) */
	--cor-erro:          #c0392b;
	--cor-sucesso:       #1e7e34;

	/* 2. TRANSPARÊNCIAS (canais RGB) — ex.: rgb(var(--rgb-preto) / .08) ----- */
	--rgb-preto:          0 0 0;
	--rgb-branco:         255 255 255;
	--rgb-castanho:       51 33 20;   /* sombras quentes dos mockups */
	--rgb-castanho-borda: 130 95 60;  /* bordas do portfólio */
	--rgb-taupe:          80 70 60;   /* véu das miniaturas */
	--rgb-noite:          20 14 10;   /* fundo da janela modal */
	--rgb-dourado:        168 121 78; /* brilho dos cartões sem imagem */

	/* 3. SOMBRAS, GRADIENTES E SOBREPOSIÇÕES -------------------------------- */
	--sombra-suave: 0 5px 18px rgb(var(--rgb-preto) / .05);
	--sombra-media: 0 10px 30px rgb(var(--rgb-preto) / .12);
	--sombra-forte: 0 12px 35px rgb(var(--rgb-preto) / .22);
	--gradiente-escuro:  linear-gradient(135deg, #151515 0%, #1c1b18 55%, #090909 100%);
	--gradiente-dourado: linear-gradient(135deg, var(--cor-bronze), var(--cor-primaria));
	--overlay-hero: rgb(var(--rgb-preto) / .55);

	/* 4. PÁGINA SITES E PÁGINAS DE SERVIÇO (--s-) -------------------------- */
	/* Sem laranjas: botões, destaques e detalhes usam o dourado/bronze da marca. */
	--s-fundo:            #fffaf6;
	--s-fundo-hero:       #f7eee6;
	--s-fundo-entregas:   #f6eee7;
	--s-fundo-portfolio:  #f8efe7;
	--s-fundo-setores:    #f1dfcf;
	--s-fundo-cartao:     #fffdfb;
	--s-fundo-final:      #160d08;
	--s-texto:            #101010;
	--s-texto-forte:      #050505;
	--s-texto-escuro:     #111111;
	--s-texto-medio:      #222222;
	--s-texto-suave:      #333333;
	--s-texto-cinza:      #666666;
	--s-castanho:         #4a3428;
	--s-laranja:          var(--cor-bronze); /* #a8794e — destaques dos títulos (igual ao bronze dos subtítulos) */
	--s-botao-1:          var(--cor-primaria);
	--s-botao-2:          var(--cor-bronze);
	--s-cobre:            var(--cor-bronze);
	--s-cobre-claro:      var(--cor-primaria);
	--s-cobre-escuro:     var(--cor-bronze-escuro);
	--s-ferrugem:         var(--cor-bronze);
	--s-ferrugem-clara:   var(--cor-bronze);
	--s-vivo:             var(--cor-primaria);
	--s-vivo-1:           var(--cor-primaria);
	--s-vivo-2:           var(--cor-bronze);
	--s-form-1:           var(--cor-primaria);
	--s-form-2:           var(--cor-bronze);
	--s-final:            var(--cor-primaria);
	--s-estrelas:         #ffc74a;
	--s-brilho:           #d6a15c;
	--s-borda:            #e3d5c8;
	--s-borda-cartao:     #eaded4;
	--s-borda-etiqueta:   #edd9c9;
	--s-borda-depoimento: #e6d7ca;

	/* 5. PÁGINA SERVIÇOS (--sv-) ------------------------------------------- */
	--sv-azul:        #0b1c34;
	--sv-azul-escuro: #071a33;
	--sv-azul-texto:  #14253b;
	--sv-cinza:       #69778d;
	--sv-cinza-2:     #657184;
	--sv-cinza-3:     #667286;
	--sv-laranja:     var(--cor-primaria);
	--sv-vivo:        var(--cor-primaria);
	--sv-laranja-1:   var(--cor-primaria);
	--sv-laranja-2:   var(--cor-bronze);
	--sv-borda:       #e6e9ef;
	--sv-borda-2:     #dfe4eb;
	--sv-borda-3:     #e7eaf0;
	--sv-divisoria:   #d9dde5;
	--sv-divisoria-2: #e1e5ec;
	--sv-fundo:       #f7f9fc;

	/* 6. ILUSTRAÇÕES (imitam outras interfaces) ---------------------------- */
	--ilu-google-link:     #1a0dab; /* links azuis do Google nos mockups */
	--ilu-variacao-clara:  #f4efe8; /* amostra de cor "clara" (loja online) */
	--ilu-estado-fundo:    #eef0f3; /* estado "Concluída" (painel da loja) */
	--ilu-estado-texto:    #4b5563;

	/* 7. WHATSAPP (botões de contacto da página Gestão de Tráfego Pago) ----- */
	--cor-whatsapp:        #25d366;
	--cor-whatsapp-escuro: #1a9e4b;
}