/* =========================================================================
   MARCA: UNEED ACADEMY
   Roxo · Switzer. Camada de marca — a gramática está em tokens.css.
   ====================================================================== */

:root {
	/* --- Cor de marca -------------------------------------------------- */
	--brand:        #7C4DFF;
	--brand-hover:  #6B3AF5;
	--brand-soft:   #9671FF;
	--brand-tint:   #E5DBFF;
	--brand-wash:   #F2EDFF;
	--brand-deep:   #35246A;
	--brand-accent: #0ADDC0;

	/* --- Neutros -------------------------------------------------------
	   Base #0A0F18 — a mesma do Grupo UNEED, o que unifica o fundo entre
	   as marcas da família.

	   As superfícies e linhas são derivadas dessa base com uma injeção
	   discreta do roxo da marca: puro cinza-azulado ficaria frio demais
	   ao lado do #7C4DFF, e a interface pareceria de outro sistema.

	   --surface é para CARD, não para seção. Todas as seções compartilham
	   --bg; o que separa um bloco do outro é vazio, não faixa de cor. */
	--bg:        #0A0F18;
	--surface:   #101725;
	--surface-2: #161E30;
	--line:      #202A3D;
	--line-soft: #17202F;

	/* --- Texto ---------------------------------------------------------
	   Contraste verificado sobre #0A0F18 (WCAG AA):
	     --text        19,2:1 · --text-muted 8,6:1 · --text-subtle 4,9:1

	   O subtle era #7A6F96 (4,15:1) e reprovava em texto pequeno — que é
	   exatamente onde ele é usado: eyebrows, rótulos e notas. */
	--text:        #FFFFFF;
	--text-muted:  #B3A8CC;
	--error:       #FF6B6B;
	--text-subtle: #857BA3;

	/* --- Tipografia ----------------------------------------------------- */
	--ff-display: 'Host Grotesk', ui-sans-serif, system-ui, -apple-system, sans-serif;
	--ff-body:    'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif;
	--ff-mono:    ui-monospace, 'SF Mono', 'Roboto Mono', Menlo, monospace;

	--fw-display: 500;
	--fw-display-forte: 600;

	/* --- Arte do hero ---------------------------------------------------
	   Os arcos generativos do padrão do grupo. Três matizes que se cruzam. */
	--arte-1: #7C4DFF;
	--arte-2: #C77DFF;
	--arte-3: #0ADDC0;
	--arte-4: #35246A;
}