/* =============================================================================
   CWD-VARS — Tokens da identidade visual (ASSOCIACAO CLUBE DE BENEFICIOS DUNORTE)
   -----------------------------------------------------------------------------
   Referência de design: app/public/inspiracao_identidade/ (fora do plugin).
   Declarados em .cwd-root (classe, não ID) para permitir múltiplos shortcodes
   na mesma página sem HTML inválido. Nenhuma regra global é tocada.
   ============================================================================= */

.cwd-root {
	/* -------------------------------------------------------------------------
	   Cores: FALLBACK = paleta LIGHT (o padrão do site), espelhando os valores de
	   CWD_Tema::paletas()['light']. O CSS inline de CWD_Tema::css() sobrescreve
	   tudo isto; estes valores só valem em navegador sem suporte a color-mix(),
	   onde as declarações derivadas do tema são descartadas. Antes o fallback era
	   a paleta DARK — nesses navegadores o tema claro degradava para o oposto
	   (dourado puro como texto sobre branco, bordas brancas invisíveis).
	   ------------------------------------------------------------------------- */

	/* Marca */
	--cwd-primaria:      #08344C;
	--cwd-primaria-2:    #062A3D;
	--cwd-destaque:      #FEBD0D;

	/* Status */
	--cwd-success:       #157F3C;
	--cwd-erro:          #B5322B;
	--cwd-erro-2:        #9A2A24;
	--cwd-info:          #0B6BA6;
	--cwd-warning:       #A65B0B;

	/* Texto */
	--cwd-text-1:        #15313F;
	--cwd-text-2:        #6A7D86;
	--cwd-text-3:        #9CA9B0;

	/* Superfícies e bordas */
	--cwd-bg:            #F6F9FB;  /* fundo da página; sobrescrito por CWD_Tema::css() */
	--cwd-surface:       #FFFFFF;
	--cwd-card:          #FFFFFF;
	--cwd-item:          #F6F7F7;
	--cwd-poco:          #EBEBEB;
	--cwd-border:        #E4EAEF;
	--cwd-border-suave:  rgba(228, 234, 239, 0.55);

	/* Tinta do acento (dourado) */
	--cwd-acento-bg:     rgba(254, 189, 13, 0.14);
	--cwd-acento-border: rgba(254, 189, 13, 0.32);
	--cwd-acento-ink:    #936E08;  /* dourado escurecido, legível como texto em fundo claro */

	/* Movimento */
	--cwd-ease-out:      cubic-bezier(0.22, 0.61, 0.36, 1);
	--cwd-spring:        cubic-bezier(0.34, 1.56, 0.64, 1);

	/* Raios */
	--cwd-r-hero:        18px;
	--cwd-r-secao:       16px;
	--cwd-r-item:        12px;
	--cwd-r-interno:     10px;
	--cwd-r-pill:        999px;

	/* Sombra */
	--cwd-shadow:        0 1px 2px rgba(16, 42, 60, 0.06), 0 1px 3px rgba(16, 42, 60, 0.08);
}