/* ==========================================================================
   TEMA — ESPAÇO D MINAS
   --------------------------------------------------------------------------
   Preenche o contrato (css/contrato.css) com a identidade da marca.
   Nenhuma cor literal aqui: tudo aponta para css/tokens.css, que é a ÚNICA
   fonte de verdade da marca — o mesmo arquivo que o design-system.html usa.

   Fundo do hero é CLARO -> sem overlay, texto escuro, traços em marrom.
   ========================================================================== */

:root {

  /* ---- Paleta ---------------------------------------------------------- */

  --bg:           #F8EED8;
  --superficie:   var(--cor-nata-clara);     /* nata clara                  */
  --texto:        var(--cor-chocolate);      /* chocolate                   */
  --texto-suave:  var(--cor-rapadura);       /* rapadura                    */
  --borda:        var(--cor-palha);          /* palha                       */
  --contraste:    #ffffff;                   /* texto sobre o rodapé        */

  --acao:         #990100;
  --acao-rgb:     153, 1, 0;
  --acento:       var(--cor-queijo);         /* casca do queijo             */
  --rotulo-cor:   var(--cor-verde-serra);    /* verde da serra              */

  --sombra-rgb:   62, 40, 23;                /* = chocolate: sombra quente  */
  --grad-rodape:  #990100;

  /* ---- Tipografia ------------------------------------------------------
     --fonte-corpo e --fonte-display NÃO são declaradas aqui: o tokens.css
     já as define com estes mesmos nomes (Alegreya Sans e Fraunces), e ele
     é carregado depois do contrato. Redeclarar aqui criaria referência
     circular e invalidaria as duas.                                        */

  --peso-corpo:   400;
  --peso-titulo:  800;

  /* ---- Hero ------------------------------------------------------------ */

  --hero-img:         url("../assets/fundo-hero.jpg");
  --hero-img-mobile:  url("../assets/fundo-hero-mobile.jpg");
  --hero-overlay:     none;
  --hero-base:        #F8EED8;
  --hero-texto:       var(--cor-rapadura);
  --hero-linha:       rgba(62, 40, 23, .65);
  --hero-logo:        330px;
  --hero-logo-mobile: 270px;

  /* ---- Forma -----------------------------------------------------------
     18px é o raio que está no ar. O tokens.css descreve a "fatia" em 14px
     (--raio-peca); a página nunca usou esse valor. Mantido 18px para não
     mexer no visual publicado — resolver a divergência é decisão de design. */

  --maxw: 880px;
  --raio: 18px;

  /* ---- Opcionais ------------------------------------------------------- */

  --serra-cor: rgba(85, 102, 59, .3);        /* verde da serra, bem suave   */
}