/* ===========================================================================
   DESIGN TOKENS  —  Gowe Marketing  (UNICO arquivo de marca por cliente)
   ---------------------------------------------------------------------------
   Carregado DEPOIS do style.css base (tokenizado via var(--...)). Aqui so
   REDEFINIMOS tokens — layout, animacoes e responsividade do base ficam intactos.

   CLIENTE: Gowe Marketing — assessoria de marketing B2B/industrial.
   TEMA: ESCURO (consistencia com gowemarketing.com).
   Marca extraida do design-system da Gowe (accent azul #748AFD — era #4768FF, trocado em 21/10/2026 por ser pouco visivel no fundo escuro).
   NAO editar style.css. Ver design-system/DESIGN-SYSTEM.md.
   =========================================================================== */

:root {

	/* ---- FONTES (tokens nativos do template eblog) ---------------------- */
	/* Titulos = SF Pro Display; corpo = Manrope (ambas locais, client-font.css). */
	--title-font:    "SF Pro Display", "Manrope", sans-serif;  /* era "ClashDisplay"     */
	--title-font-2:  "SF Pro Display", "Manrope", sans-serif;  /* era "URW Imperial W01" */
	--title-font-3:  "SF Pro Display", "Manrope", sans-serif;  /* era "Teko"             */
	--body-font:     "Manrope", sans-serif;                    /* era "Rubik"            */
	--body-font-2:   "Manrope", sans-serif;                    /* era "OpticianSans"     */

	/* ---- COR DE MARCA / ACCENT (tokens nativos do template) ------------- */
	/* Gowe — azul #748AFD (botoes, links, glow). */
	--color-primary:    #748AFD;            /* accent da marca               */
	--color-primary-2:  #748AFD;
	--color-primary-3:  #93A5FE;            /* azul medio (variacao/hover)   */
	--color-primary-4:  #748AFD;

	/* ---- TEXTO (tokens nativos do template) — DARK CONFORTAVEL ---------- */
	--color-heading-1:  #ECEEF3;            /* titulos off-white (nao puro)  */
	--color-body:       #C7CBD4;            /* corpo cinza-claro (leitura)   */

	/* =====================================================================
	   TOKENS CANONICOS DO TEMPLATE (--ds-*) — fonte unica de verdade.
	   Consumidos por eblog-custom.css e nossos componentes.
	   TEMA ESCURO: fundos escuros, texto claro.
	   ===================================================================== */

	/* Marca (Gowe — azul #748AFD) */
	--ds-accent:          #748AFD;          /* cor primaria da marca         */
	--ds-accent-hover:    #93A5FE;          /* hover do accent (azul claro)  */
	--ds-accent-contrast: #FFFFFF;          /* texto sobre o accent (branco) */
	--ds-accent-soft:     rgba(116,138,253,0.16); /* chip/pill translucido      */
	--ds-accent-line:     rgba(116,138,253,0.50); /* borda de chip/pill         */

	/* Neutros (Gowe — DARK CONFORTAVEL: sem preto/branco puro p/ leitura longa) */
	--ds-ink:    #ECEEF3;                   /* titulos off-white (era #FFF puro) */
	--ds-body:   #C7CBD4;                   /* corpo cinza-claro (leitura)    */
	--ds-muted:  #8B90A0;                   /* texto secundario (cinza-azul)  */
	--ds-line:   #232834;                   /* bordas / divisores (visiveis)  */
	--ds-bg:     #0E1117;                   /* fundo principal (cinza-escuro) */
	--ds-bg-soft:#161A22;                   /* cards/boxes com leve elevacao  */

	/* Forma */
	--ds-radius:      12px;                 /* raio padrao de cards/inputs   */
	--ds-radius-pill: 999px;                /* pills de tag                  */

	/* Fontes canonicas (espelham os tokens nativos acima) */
	--ds-font-title: var(--title-font);
	--ds-font-body:  var(--body-font);
}

/* ===========================================================================
   APLICACAO DA FONTE no escopo do blog (.eblog-wrap)
   Garante SF Pro/Manrope mesmo em pontos do template com font-family hardcoded
   (Rubik/Raleway/ClashDisplay). NAO toca em icones (Font Awesome).
   =========================================================================== */
.eblog-wrap,
.eblog-wrap p, .eblog-wrap a, .eblog-wrap span, .eblog-wrap li, .eblog-wrap em,
.eblog-wrap strong, .eblog-wrap blockquote, .eblog-wrap input, .eblog-wrap button,
.eblog-wrap textarea, .eblog-wrap select, .eblog-wrap label, .eblog-wrap p.desc,
.eblog-wrap .blog-meta, .eblog-wrap .text-btn {
	font-family: var(--body-font);
}
.eblog-wrap h1, .eblog-wrap h2, .eblog-wrap h3, .eblog-wrap h4,
.eblog-wrap h5, .eblog-wrap h6, .eblog-wrap .heading-title, .eblog-wrap .title {
	font-family: var(--title-font);
}
/* Preserva os icones (Font Awesome) — nao herdar as fontes da marca. */
.eblog-wrap i[class^="fa-"], .eblog-wrap i[class*=" fa-"],
.eblog-wrap .fa, .eblog-wrap .fas, .eblog-wrap .far, .eblog-wrap .fab, .eblog-wrap .fal {
	font-family: "Font Awesome 6 Pro", "Font Awesome 5 Free", "FontAwesome" !important;
}