/* ==========================================================
   Guilherme Smanhotto: tokens da marca
   Fonte: IDVISUAL/ESTRATÉGIA DE MARCA.ai (mar/2025) e ID_TXT.txt
   Mudança aqui se propaga para o guia e para todas as peças.
   ========================================================== */

/* Helvetica LT Pro Light (300): kit Adobe Fonts uco5keh, liberado para localhost */

@font-face { font-family: "Helvetica Marca"; src: local("Helvetica Neue"), url("fontes/Helvetica-Roman.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Helvetica Marca"; src: local("Helvetica Neue Bold"), url("fontes/Helvetica-Bold.woff2") format("woff2"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Sharp Sans"; src: url("fontes/SharpSans-Book.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Sharp Sans"; src: url("fontes/SharpSans-Medium.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Sharp Sans"; src: url("fontes/SharpSans-Bold.woff2") format("woff2"); font-weight: 700; font-display: swap; }

:root {
  /* ---- Cor: o par principal ---- */
  --verde:          #00452C;  /* verde da marca, como está na arte (o texto cita #004731) */
  --creme:          #F7E7D5;  /* fundo neutro e acolhedor */

  /* ---- Cor: apoio (todos tirados do .ai) ---- */
  --verde-profundo: #033720;  /* texto verde sobre creme, títulos do golden circle */
  --verde-noite:    #193129;  /* texto de rótulo, quase preto esverdeado */
  --verde-musgo:    #213E37;  /* superfícies escuras secundárias */
  --carvao:         #1D1D1B;  /* preto de impressão */
  --taupe:          #857B71;  /* linha, legenda, metadado */
  --preto:          #000000;  /* texto corrido sobre creme */

  /* ---- Tipografia ---- */
  --fonte-texto:  "Helvetica Marca", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --fonte-rotulo: "Sharp Sans", "Helvetica Marca", Helvetica, Arial, sans-serif;
  --fonte-leve:   "helvetica-lt-pro", "Helvetica Neue", Helvetica, Arial, sans-serif;  /* usar com font-weight: 300 */

  /* Escala no quadro 1920×1080 do .ai; peças menores multiplicam por --escala */
  --t-display: 124px;  /* capa: ESTRATÉGIA DE MARCA */
  --t-assin:    67px;  /* nome na assinatura */
  --t-titulo:   60px;  /* POR QUE EU FAÇO: Helvetica Bold, caixa alta */
  --t-sub:      45px;  /* seção, data */
  --t-rotulo:   36px;  /* GOLDEN CIRCLE: Sharp Sans Medium, caixa alta */
  --t-texto:    30px;  /* texto corrido */
  --t-nota:     25px;  /* texto de apoio: Sharp Sans Book */

  --entrelinha-texto: 1.35;
  --entrelinha-titulo: 1.0;
  --tracking-rotulo: 0.04em;

  /* ---- Motion (seção 08 do guia; no After Effects: influência 6% na saída, 88% na chegada) ---- */
  --curva:            cubic-bezier(.16, 1, .3, 1);  /* única curva da marca: sai rápido, desacelera longo */
  --dur-linha:        .75s;   /* linha de título subindo da fenda */
  --dur-revela:       .6s;    /* apoio e símbolos abrindo da esquerda */
  --dur-apoio:        .5s;    /* texto de apoio, símbolo crescendo */
  --passo-linha:      .12s;   /* intervalo entre linhas do título */
  --pausa-frase:      .4s;    /* atraso extra da palavra que segura a frase */

  /* ---- Linha e grade ---- */
  --filete: 1px;              /* linhas finas que dividem a página (pág. 2 do .ai) */
  --margem: 96px;             /* respiro lateral no quadro 1920 */
}