/* ==========================================================================
   CONTRATO DE TOKENS — LINKBIO
   --------------------------------------------------------------------------
   ARQUIVO DE NÚCLEO. É igual em todos os clientes e NÃO se edita por cliente.

   Ele declara todas as variáveis que o css/style.css consome, já com valores
   neutros de segurança. O css/tema.css do cliente sobrescreve o que precisar —
   e só isso. Se o tema não declarar uma variável, o padrão daqui assume e a
   página continua de pé.

   REGRA DO CONTRATO
   Precisou de algo que não está nesta lista? O certo é acrescentar aqui e no
   style.css (isto é, evoluir o padrão), não abrir exceção dentro do cliente.
   Cor ou medida solta no style.css do cliente é o começo da divergência.
   ========================================================================== */

:root {

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

  --bg:           #ececed;   /* fundo da página                              */
  --superficie:   #ffffff;   /* fundo dos slides do carrossel                */
  --texto:        #1a1a1a;   /* texto principal, setas do carrossel          */
  --texto-suave:  #7c8590;   /* texto secundário: título do CTA              */
  --borda:        #d8d8d8;   /* pontos inativos do carrossel, divisores      */
  --contraste:    #ffffff;   /* texto SOBRE fundo escuro (botão, rodapé)     */

  --acao:         #ef7f3a;   /* botão do CTA, ponto ativo, anel de foco      */
  --acao-rgb:     239, 127, 58;  /* a MESMA cor de --acao, em RGB, p/ sombras */
  --acento:       #ef7f3a;   /* destaque: seleção de texto                   */
  --rotulo-cor:   #7c8590;   /* rótulo em caixa-alta acima do título         */

  --sombra-rgb:   0, 0, 0;   /* base das sombras. Marca quente? use o marrom */
  --grad-rodape:  linear-gradient(90deg, #ff512f 0%, #ff2e79 50%, #b8005c 100%);

  /* ---- Tipografia ------------------------------------------------------ */

  --fonte-corpo:   system-ui, sans-serif;
  --fonte-display: var(--fonte-corpo);  /* títulos; repita o corpo se for uma só */
  --peso-corpo:    400;
  --peso-titulo:   700;
  --letra:         0;        /* letter-spacing global (ex.: -1px em Poppins)  */

  /* ---- Hero ------------------------------------------------------------
     Os caminhos são relativos a esta pasta (css/), por isso o "../assets/".
     Todo o antigo bloco de [TROQUE] do hero virou estas oito variáveis.      */

  --hero-img:         url("../assets/fundo-hero.jpg");
  --hero-img-mobile:  var(--hero-img);  /* só declare se houver versão vertical */
  --hero-overlay:     linear-gradient(180deg, rgba(0,0,0,.30), rgba(0,0,0,.55));
                             /* FUNDO CLARO: troque por  none                 */
  --hero-base:        #222222;             /* cor sólida atrás da imagem      */
  --hero-texto:       #ffffff;             /* título e indicador de scroll    */
  --hero-linha:       rgba(255,255,255,.7);/* traços do indicador de scroll   */
  --hero-logo:        110px;               /* largura do logo no desktop      */
  --hero-logo-mobile: 150px;               /* largura do logo no celular      */

  /* ---- Cards com texto em HTML -----------------------------------------
     Só valem para os cards .card--texto (foto + título por cima). Os cards
     em PNG, com o texto embutido na arte, ignoram estas variáveis.         */

  --card-overlay: linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(0,0,0,.68) 100%);
  --card-texto:   #ffffff;   /* título e apoio escritos sobre a foto        */
  --card-prop:    2.4 / 1;   /* proporção do card (o mesmo 870x360 do PNG)  */

  /* ---- Forma ----------------------------------------------------------- */

  --maxw:  880px;   /* largura máxima do conteúdo */
  --raio:  18px;    /* cantos de cards e slides   */

  /* ---- Opcionais -------------------------------------------------------
     Só valem se o index.html incluir o elemento correspondente.             */

  --serra-cor: transparent;  /* cor do divisor SVG logo antes do rodapé */
}