/* =========================================================
   ESCOLA SEMENTES — Identidade visual (Fase 1)

   Este é o "lugar central" da marca. Carregado DEPOIS de
   styles.css, home.css, brand.css e responsive.css, ele
   redefine os tokens antigos sem reescrever o design system.

   Para reverter a Fase 1: tire o link deste arquivo das 9
   páginas e restaure o <style id="footer-critical"> a partir
   de _backup/antes-da-fase-1/.

   Fonte da paleta: marca/04_Cores/ES_paleta.css
   ========================================================= */

:root{
  /* ---------------------------------------------------------
     1) PALETA OFICIAL — as únicas cores da marca
     --------------------------------------------------------- */

  /* Institucional */
  --es-floresta:  #075C52;  /* cor institucional, massa principal */
  --es-areia:     #FBF4E8;  /* fundo */
  --es-humus:     #3B2312;  /* texto corrido */

  /* Destaques — pontuais, nunca como massa */
  --es-girassol:  #FAB71F;
  --es-tangerina: #EE731B;
  --es-rio:       #5070B4;  /* branco sobre Rio: só em texto grande */

  /* Educação Infantil (Alecrim) */
  --es-alecrim:   #25AD7B;
  --es-menta:     #B8D8CA;
  --es-rio-claro: #B7C9E6;

  /* Ensino Fundamental (Urucum) */
  --es-urucum:    #B72819;
  --es-coral:     #E88F7B;
  --es-terra:     #6C382D;

  /* ---------------------------------------------------------
     2) TONS DE TEXTO derivados do Húmus
     O manual dá uma cor de texto só. O site precisa de três
     níveis, então os dois mais leves são o Húmus misturado
     com Areia — ficam na família da marca em vez de virar
     cinza. Ambos conferidos: pior caso 4,58:1, acima dos
     4,5:1 exigidos, tanto sobre Areia quanto sobre branco.
     --------------------------------------------------------- */
  --es-humus-70:  #756252;  /* texto secundário — 5,30:1 sobre Areia */
  --es-humus-55:  #7E6C5D;  /* rótulos        — 4,58:1 sobre Areia */
  --es-linha:     #E4DBCE;  /* bordas (Húmus a 12% sobre Areia) */

  /* ---------------------------------------------------------
     3) TIPOGRAFIA
     National Park em tudo que é estrutura. Gochi Hand só em
     frase curta de destaque — nunca em parágrafo (ver a
     classe .es-manuscrita no fim do arquivo).
     As duas vêm do Google Fonts, licença SIL OFL.
     --------------------------------------------------------- */
  --font-display: 'National Park', system-ui, sans-serif;
  --font-body:    'National Park', system-ui, sans-serif;
  --es-manuscrita:'Gochi Hand', 'Bradley Hand', cursive;

  /* ---------------------------------------------------------
     4) REMAPEAMENTO DOS TOKENS ANTIGOS
     O site tem ~300 usos de var(--alecrim), var(--sol), etc.
     Em vez de caçar um por um, os tokens antigos passam a
     apontar para a paleta nova, pelo PAPEL que cada um
     cumpre hoje — não pelo nome.

     Atenção ao nome --alecrim: no sistema antigo ele era o
     terracota de destaque; na marca nova, "Alecrim" é a
     submarca da Educação Infantil. São coisas diferentes.
     Aqui ele vira Floresta, que é o papel que ele exerce.
     O verde do Alecrim mora em --es-alecrim.
     --------------------------------------------------------- */

  --alecrim:     var(--es-floresta);   /* era #B25A26 terracota — 53 usos */
  --accent:      var(--es-floresta);
  --alecrim-soft:var(--es-menta);

  --sol:         var(--es-girassol);   /* era #ECDF82 — 28 usos */
  --sol-soft:    var(--es-menta);

  /* Era #DCE7DE, um sálvia pálido (o nome "laranja" é herança).
     Menta é o equivalente mais próximo na paleta nova: mesmo
     papel, mesmo peso visual, mesma família de cor. */
  --laranja:     var(--es-menta);
  --laranja-soft:var(--es-menta);

  --vermelho:    var(--es-tangerina);
  --azul:        var(--es-rio);
  --azul-soft:   var(--es-rio-claro);
  --coral:       var(--es-coral);
  --rosa:        var(--es-coral);
  --roxo:        var(--es-rio);

  /* Fundo da página passa a ser Areia, como manda o manual.
     Os painéis continuam brancos: viram "papel" sobre a areia. */
  --cream:       var(--es-areia);
  --cream-2:     #FFFFFF;
  --paper:       #FFFFFF;

  --ink:         var(--es-humus);
  --ink-soft:    var(--es-humus-70);
  --ink-faint:   var(--es-humus-55);
  --line:        var(--es-linha);
}

/* =========================================================
   5) LOGO
   A assinatura antiga era 1,75:1. A horizontal nova é 8,08:1
   — 4,6x mais larga na mesma altura. Para o cabeçalho não
   explodir, as alturas abaixo preservam a LARGURA que o logo
   ocupava antes; é a composição horizontal que segura o
   layout. Consequência: o cabeçalho ficou mais baixo.

   Largura mínima da assinatura: 120px. Todas as alturas aqui
   ficam acima disso (a menor dá 145px).
   ========================================================= */

.nav__logo-full{
  height: 30px;            /* 30 x 8,08 = 242px de largura */
  filter: none;            /* o logo novo tem contraste próprio; a
                              sombra do antigo sujava o traço fino */
}
.site-header--bar .nav__logo-full{ height: 30px; }
.site-header.scrolled .nav__logo-full{ height: 26px; }

/* Área de respiro: 1x o diâmetro da maior semente do anel.
   No logo horizontal isso dá ~12% da largura. */
.nav__logo{ padding: 10px 14px; }

/* O símbolo isolado (aparece no header encolhido) tem mínimo
   de 40px. */
.nav__logo-icon{ height: 46px; filter: none; }
.site-header.scrolled .nav__logo-icon{ height: 44px; }

@media (max-width: 980px){
  .nav__logo-full{ height: 22px; filter: none; }           /* 178px */
  .site-header--bar .nav__logo-full{ height: 22px; }
  .site-header.scrolled .nav__logo-full{ height: 18px; }   /* 145px */
  .nav__logo{ padding: 8px 10px; }
}

/* =========================================================
   6) RODAPÉ EM FLORESTA
   O manual pede a versão negativa do logo quando o fundo é
   Floresta — então o fundo passa a ser Floresta e o logo,
   negativo. Branco sobre Floresta dá 7,89:1.

   O <style id="footer-critical"> embutido em cada página
   também foi atualizado: ele vem depois deste arquivo no
   <head> e venceria estas regras.
   ========================================================= */

.footer__main{
  background: var(--es-floresta);
  color: #fff;
}
.footer__brand{ color: #fff; }
.footer__info p,
.footer__info a{ color: rgba(255,255,255,.82); }
.footer__info a:hover{ color: #fff; }
.footer__phone{ color: #fff !important; }
.footer__cta h3{ color: #fff; }
.footer__cta p{ color: rgba(255,255,255,.82); }
.footer__policies a{ color: rgba(255,255,255,.82); }
.footer__policies a:hover{ color: #fff; }

/* Os ícones sociais invertem: antes eram escuros sobre claro. */
.footer__social a{ background: #fff; color: var(--es-floresta); }
.footer__social a:hover{ background: var(--es-girassol); color: var(--es-humus); }

/* A faixa do logo embaixo fica em Areia, com o logo colorido. */
.footer__logo-strip{ background: var(--es-areia); }

/* =========================================================
   7) HIERARQUIA POR SEGMENTO
   Institucional é o padrão (tudo acima). Estas duas classes
   existem para os blocos de segmento: Alecrim conduz no
   Infantil, Urucum conduz no Fundamental.
   ========================================================= */

/* Dois tokens, não um:

   --es-seg-cor    a cor que conduz o território. Vale para
                   desenho: elemento, padrão, massa.
   --es-seg-texto  a cor do território que pode virar TEXTO
                   sobre o fundo daquele painel.

   Nem sempre são a mesma. No Infantil, o Alecrim sobre Menta dá
   1,87:1 — ilegível. Quem escreve ali é o Floresta (5,15:1), e o
   Alecrim fica onde ele é forte: na folha e no padrão. No
   Fundamental não há conflito: Urucum sobre Areia dá 5,77:1 e
   conduz nos dois papéis. */

.es-seg{
  --es-seg-cor:   var(--es-floresta);
  --es-seg-texto: var(--es-floresta);
  --es-seg-apoio: var(--es-menta);
}

.es-seg--alecrim{
  --es-seg-cor:   var(--es-alecrim);
  --es-seg-texto: var(--es-floresta);
  --es-seg-apoio: var(--es-menta);
  --es-seg-apoio2:var(--es-rio-claro);
}
.es-seg--urucum{
  --es-seg-cor:   var(--es-urucum);
  --es-seg-texto: var(--es-urucum);
  --es-seg-apoio: var(--es-coral);
  --es-seg-apoio2:var(--es-terra);
}

/* =========================================================
   8) MANUSCRITA

   ATENÇÃO: a fonte Gochi Hand NÃO está sendo carregada.

   Ela entrou na Fase 1 para a seção de segmentos, que foi
   removida em 13/10/2026. Sem nenhum uso, ficou saindo do
   Google Fonts em todas as páginas à toa, então foi retirada
   do <link>.

   Se for usar esta classe, acrescente a fonte de volta na
   linha do Google Fonts, no <head> das páginas:

     ?family=Gochi+Hand&family=National+Park:wght@200..800

   Sem isso, o texto cai no 'Bradley Hand'/cursive do sistema.

   Regra do manual: uma por bloco, só em frase curta. O
   max-width abaixo é a trava física contra uso em parágrafo.
   ========================================================= */

.es-manuscrita{
  font-family: var(--es-manuscrita);
  font-weight: 400;
  line-height: 1.25;
  max-width: 24ch;        /* trava física contra texto longo */
}