/* =========================================================
   PALETA ALTERNATIVA — "PETRÓLEO QUENTE"
   ---------------------------------------------------------
   Este arquivo só redefine o :root. Nenhuma regra de layout, estrutura ou
   lógica é tocada, e o styles.css continua com a paleta terracota original.

   Para ALTERNAR, no index.html:
     paleta petróleo  -> mantenha a linha <link ... paleta-petroleo.css>
     paleta terracota -> remova (ou comente) essa única linha

   Conceito: campo frio, luz quente. Os fundos vão para azul-noite e os
   acentos para petróleo; o calor não desaparece, migra para o âmbar/cobre e
   para tudo que é fogo, que segue exatamente como estava.
   ========================================================= */

:root {
  /* ---------- base: azul-noite com respiro levemente quente ---------- */
  --carvao:            #14202A;
  --carvao-2:          #1C2E3A;
  --carvao-3:          #26404C;
  /* Claros AQUECIDOS: puxados para o âmbar suave, para criarem parentesco
     com o pôr do sol da foto. Baixa saturação de propósito — acolhedor, não
     amarelado. Estas duas também são a cor do texto claro sobre os fundos
     escuros, então o calor aparece no site inteiro, não só nas seções claras. */
  --areia:             #F5EBDD;
  --creme:             #FBF3E8;

  /* ---------- acentos: petróleo ----------
     O tom dos links é mais claro que o dos botões de propósito: link vive
     sobre fundo escuro e precisa de contraste; botão tem texto creme por
     cima e precisa ser escuro o bastante para esse texto ler. */
  /* O destaque NÃO acompanha o aquecimento: é o teste "fundo quente,
     ação fria". Estes três seguem idênticos ao petroleo-frio-v1. */
  --terracota:         #57ABA4;  /* links e acentos sobre escuro   5.5:1 */
  --terracota-med:     #1F6B6B;  /* botões sólidos, creme por cima 5.4:1 */
  --terracota-esc:     #17565A;  /* hover                          7.0:1 */
  /* o texto de corpo esquenta junto com o fundo, senão ficaria cinza-azulado
     sobre creme âmbar e denunciaria a mistura */
  --marrom-texto:      #6B5B4C;  /* corpo sobre creme              5.8:1 */
  --borda-clara:       #E4D8C6;

  /* ---------- tons intermediários dos gradientes ----------
     Frios onde o gradiente é ambiente (hero, CTA, molduras) e quentes onde
     ele encosta em foto quente (a transição dos segmentos e a emenda com a
     foto do pôr do sol). */
  --listra-a:          #1B2B36;  /* listras do hero */
  --listra-b:          #152430;
  --carvao-suave:      #1E2C36;  /* centro da tela dos aparelhos */
  --carvao-barra:      #22323D;  /* barra do navegador */
  --marrom-noite:      #16323A;  /* CTA, quase preto */
  --marrom-brasa:      #193C44;  /* CTA, entrada */
  --tijolo-escuro:     #1A4E52;  /* CTA, descida */
  --tijolo:            #1D5F60;  /* CTA, subida */
  --tijolo-claro:      #24726F;  /* CTA, ponto mais claro */

  /* Rampa dos segmentos: sobe do azul escuro até o creme SEM trocar de
     matiz no meio. Antes havia âmbar aqui, e o pulo de azul para marrom
     quente em 8% do gradiente era a quebra mais visível do site. */
  /* A rampa dos segmentos agora sai do azul escuro e CHEGA no creme quente.
     Os tons do meio giram de frio para quente aos poucos — se fossem todos
     frios, o encontro com o novo creme seria um degrau de temperatura. */
  --marrom-medio:      #2A4048;  /* ainda frio, saindo do escuro */
  --caramelo-escuro:   #6A6252;  /* ponto de virada, neutro */
  --caramelo:          #B49E80;  /* já quente */
  --areia-quente:      #E5D3B8;
  --areia-media:       #E8DCCB;  /* fundo das molduras de foto */

  /* Emenda da seção da corrente com a foto do pôr do sol. Volta a ser ÂMBAR:
     é a cor da ponte entre o azul-noite e o laranja da foto. Numa rodada
     anterior isto foi esfriado para tirar uma faixa quente que destoava; agora
     a faixa é justamente o que se quer, mas usada dos DOIS lados da emenda —
     é isso que faz a passagem desaparecer em vez de virar um degrau. */
  --ambar-escuro:      #7A4E24;

  /* QUENTES POR DECISÃO — não acompanham o frio.
     A imagem da seção é fogo laranja; chama e brasa azuis brigariam com ela. */
  --brasa-media:       #F0873B;  /* brasas que sobem */
  --dourado:           #FFC169;
  --dourado-claro:     #FFF3D6;

  /* ---------- versões RGB, para os usos com transparência ---------- */
  /* em sincronia com os hex aquecidos acima */
  --areia-rgb:         245 235 221;
  --carvao-rgb:        20 32 42;
  --creme-rgb:         251 243 232;
  /* véu sobre a foto da silhueta: puxado para o petróleo, para o pôr do sol
     não entrar quente demais depois de uma seção inteira fria */
  --sombra-rgb:        10 20 26;
  --sombra-quente-rgb: 12 22 30;
  --ambar-escuro-rgb:  122 78 36;  /* em sincronia com --ambar-escuro */

  /* QUENTES POR DECISÃO: estes alimentam TODO o glow do site — o halo do
     hero, o brasão, o halo da seção da corrente, o brilho da chama e o das
     partículas. Mantidos idênticos à paleta terracota. */
  --terracota-rgb:     232 118 63;
  --terracota-esc-rgb: 184 114 47;
  --dourado-halo-rgb:  255 190 110;
  --brasa-halo-rgb:    255 170 80;
}