/* ============================================================
   FORBS ELETROPOSTOS — ARQUIVO DE TEMA
   Este e o UNICO arquivo que precisa ser editado para trocar
   cores, fontes e espacamentos do site inteiro.

   As cores foram extraidas da LOGO OFICIAL (LOGO-VERDE.pdf).
   A marca usa VERDE e AZUL-MARINHO. Nao ha laranja.
   ============================================================ */

:root {
  /* ---- CORES DA MARCA (extraidas da logo oficial) ---- */
  --cor-viva:          #00BE44;  /* verde vivo: letra O e anel do simbolo */
  --cor-primaria:      #009B3C;  /* verde do gradiente do simbolo */
  --cor-primaria-clara:#4CD84B;  /* verde claro: palavra ELETROPOSTOS */
  --cor-primaria-escura:#00752D;
  --cor-secundaria:    #001459;  /* azul-marinho: palavra FORBS */
  --cor-petroleo:      #00494C;  /* verde-petroleo, para faixas escuras */
  --cor-petroleo-claro:#005658;

  /* Tom de acao: verde da marca escurecido o suficiente para que
     texto branco sobre ele atinja o contraste minimo (WCAG AA). */
  --cor-acao:          #007E31;  /* 5,2:1 com branco */
  --cor-acao-hover:    #00692A;

  /* O verde vivo da logo e claro demais para receber texto branco.
     Sobre ele o texto vai em azul-marinho (6,8:1), que e cor da marca. */
  --cor-destaque:      var(--cor-viva);
  --cor-destaque-hover:#00D24B;
  --cor-sobre-destaque:#001459;

  /* ---- NEUTROS ---- */
  --cor-texto:         #14202B;
  --cor-texto-suave:   #55636F;
  --cor-fundo:         #FFFFFF;
  --cor-fundo-suave:   #F4F7F5;
  --cor-borda:         #DDE4E0;  /* separadores decorativos (cards, linhas de tabela) */
  --cor-branco:        #FFFFFF;

  /* Contorno dos campos e controles. Precisa de contraste maior que os
     separadores decorativos, porque e ele que mostra onde o campo comeca. */
  --cor-borda-campo:   #6E7B76;  /* 3,6:1 com branco */
  --cor-estrela-vazia: #8A968F;  /* estrela ainda nao marcada, visivel para baixa visao */

  /* ---- ESTADOS ----
     Estas NAO sao cores da marca: sao cores de aviso, escolhidas para
     nao se confundirem com o verde e o azul-marinho da FORBS. */
  --cor-aberto:        #007A33;
  --cor-fechado:       #B3261E;
  --cor-aviso:         #A35400;
  --cor-aviso-fundo:   #FFF4E5;
  --cor-aviso-borda:   #E6B87A;

  /* ---- TIPOGRAFIA ---- */
  --fonte-titulo: 'Poppins', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --fonte-texto:  'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;

  /* ---- MEDIDAS ---- */
  --largura-max: 1180px;
  --gutter: 16px;            /* margem lateral no celular */
  --raio: 14px;
  --raio-p: 9px;
  --toque-min: 48px;         /* area minima de toque */
  --sombra: 0 2px 10px rgba(0, 20, 89, .07);
  --sombra-forte: 0 10px 30px rgba(0, 20, 89, .13);
  --altura-cabecalho: 72px;
  --altura-barra-mobile: 62px;
}

/* Gradientes da marca. O gradiente de acao e mais escuro porque recebe
   icones e numeros em branco por cima. */
:root {
  --grad-marca: linear-gradient(135deg, var(--cor-acao) 0%, var(--cor-viva) 100%);
  --grad-vivo: linear-gradient(135deg, var(--cor-viva) 0%, var(--cor-primaria-clara) 100%);
  --grad-escuro: linear-gradient(135deg, var(--cor-petroleo) 0%, var(--cor-petroleo-claro) 60%, #0A6B5F 100%);
}