/* =========================================================================
   CEELI — Design tokens da IDENTIDADE VISUAL OFICIAL
   Etapa 4 (2026-07-17). Extraído fielmente do manual da marca
   (C:\projetos\ceeli-docs\Identidade Visual - Ceeli\manual_ceeli.pdf).

   ⚠️ INSUMO — ainda NÃO aplicado ao tema. Na Etapa 5 (deploy do site) este
   bloco :root substitui o :root PLACEHOLDER de style.css (mesmos nomes de
   variável) e o @font-face passa a ser carregado. Ver identidade-visual.md.

   Cores oficiais (página "cores" do manual): #EFA240 #384A84 #71B8AF #AD3170.
   Papéis de token (primary/accent/…) são RECOMENDAÇÃO de implementação,
   escolhidos por contraste WCAG 2.1 AA — o manual não define papéis.
   ========================================================================= */

/* ---- Fonte oficial: Astonpoliz (Hujan Type — livre p/ uso comercial) -------
   Paths relativos a este arquivo (brand/). Ao integrar no tema, ajustar para
   a localização final (ex.: get_theme_file_uri('brand/fonts/...')).           */
@font-face {
	font-family: "Astonpoliz";
	src: url("fonts/Astonpoliz.woff2") format("woff2"),
	     url("fonts/Astonpoliz.ttf")   format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

:root {
	/* --- Paleta oficial da marca (4 cores do manual) --------------------- */
	--ceeli-brand-magenta: #ad3170;   /* cor-assinatura da marca */
	--ceeli-brand-indigo:  #384a84;
	--ceeli-brand-teal:    #71b8af;
	--ceeli-brand-orange:  #efa240;

	/* --- Papéis de tema (mesmos nomes do style.css placeholder) ----------
	   Mapeamento por contraste WCAG AA sobre branco:
	   indigo 8.46:1 (AAA) · magenta 6.09:1 (AA) · orange 2.12:1 · teal 2.29:1 */
	--ceeli-primary:      #384a84;    /* institucional: hero, títulos (texto branco = AAA) */
	--ceeli-primary-dark: #2c3a67;    /* hover/realce do primary */
	--ceeli-accent:       #ad3170;    /* CTA, links, destaque de marca (texto branco = AA 6.09) */
	--ceeli-accent-dark:  #8f2a5d;    /* hover do CTA (texto branco = AAA 7.90) */

	/* Cores de apoio — DECORATIVAS: usar só com TEXTO ESCURO (falham no branco) */
	--ceeli-warm:  #efa240;           /* laranja — badges/realces (texto escuro 7.13:1) */
	--ceeli-cool:  #71b8af;           /* verde-água — tags/fundos suaves (texto escuro 6.60:1) */
	--ceeli-warm-soft: #fbe6cf;       /* laranja lavado p/ fundo de seção (derivado) */
	--ceeli-cool-soft: #e4f2ef;       /* verde-água lavado p/ fundo de seção (derivado) */

	/* Neutros de texto (mantidos do tema; já WCAG AA/AAA sobre branco) */
	--ceeli-ink:     #1d2733;         /* texto principal — 15.1:1 (AAA) */
	--ceeli-muted:   #5a6675;         /* texto secundário — 5.85:1 (AA) */
	--ceeli-bg-soft: #f6f2f6;         /* fundo claro com leve tom de marca */
	--ceeli-border:  #e4d7e0;         /* bordas com leve tom de marca */
	--ceeli-white:   #ffffff;
	--ceeli-success: #1f7a4d;

	/* --- Gradiente da marca (degradê) ------------------------------------
	   Reprodução fiel = imagem (brand/gradient/). Aproximação em CSS usa só
	   as 4 cores oficiais (magenta→indigo→teal→laranja), eco do arco do logo. */
	--ceeli-gradient: linear-gradient(120deg, #ad3170 0%, #384a84 34%, #71b8af 68%, #efa240 100%);
	--ceeli-gradient-img: url("gradient/ceeli-gradient.jpg");

	/* --- Tipografia ------------------------------------------------------
	   Display/títulos = Astonpoliz (fonte do manual). Corpo = pilha neutra;
	   Poppins é sugestão livre de pareamento (ver identidade-visual.md) e só
	   entra se for carregada — sem ela, cai no system-ui. */
	--ceeli-font-display: "Astonpoliz", "Poppins", "Century Gothic", system-ui, sans-serif;
	--ceeli-font-body: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

	/* --- Forma / sombra (mantidos) --------------------------------------- */
	--ceeli-radius: 10px;
	--ceeli-shadow: 0 4px 18px rgba(56, 74, 132, 0.12);
	--ceeli-maxw: 1100px;
}