/* ========================================================================
 * GUI LOUREIRO — DESIGN TOKENS
 * @font-face DEVE permanecer como primeiras regras deste arquivo.
 * ===================================================================== */

@font-face {
	font-family: 'Anta';
	src: url('../fonts/Anta-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'ABeeZee';
	src: url('../fonts/ABeeZee-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'ABeeZee';
	src: url('../fonts/ABeeZee-Italic.ttf') format('truetype');
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}

:root {
	/* --- Families --- */
	--font-display: 'Anta', system-ui, sans-serif;
	--font-body:    'ABeeZee', Georgia, serif;
	--font-ui:      system-ui, -apple-system, 'Segoe UI', sans-serif;

	/* --- Core palette (Aurora web system) --- */
	--c-ink:      #040416;
	--c-paper:    #F7F5F2;
	--c-bg:       #F5F5F5;
	--c-magenta:  #E8187A;
	--c-purple:   #412985;
	--c-blue:     #33A3DC;
	--c-cream:    #FCFFD5;
	--c-white:    #FFFFFF;
	--c-muted:    rgba(255,255,255,0.64);
	--c-lilac:    #7E5BEF;
	--c-cyan:     #00B4C4;
	--c-amber:    #F5B400;
	--c-night:    #1A1225;
	--c-off:      #F5F0F0;
	--c-hair:     rgba(255,255,255,0.08);

	/* --- Surfaces --- */
	--bg-page:    var(--c-ink);
	--fg-page:    var(--c-white);
	--fg-muted:   var(--c-muted);
	--fg-accent:  var(--c-magenta);

	/* --- Categoria (ACF injeta --pill-color inline por post) --- */
	--cat-diag:   #F5B400;
	--cat-pos:    #E8187A;
	--cat-arq:    #7E5BEF;
	--cat-peso:   #00B4C4;
	--cat-growth: #54D88B;
	--cat-exec:   #FF7849;
	--cat-dados:  #3C8AFF;
	--cat-ia:     #D4A0FF;

	/* --- Spacing scale (rem, 1rem = 16px) --- */
	--space-1:  0.25rem;
	--space-2:  0.5rem;
	--space-3:  0.75rem;
	--space-4:  1rem;
	--space-6:  1.5rem;
	--space-8:  2rem;
	--space-12: 3rem;
	--space-16: 4rem;
	--space-24: 6rem;

	/* --- Typography scale (web, not Instagram artboard) --- */
	--fs-xs:   0.75rem;
	--fs-sm:   0.875rem;
	--fs-base: 1rem;
	--fs-lg:   1.25rem;
	--fs-xl:   1.5rem;
	--fs-2xl:  2rem;
	--fs-3xl:  2.75rem;
	--fs-4xl:  3.75rem;

	/* --- Radii --- */
	--r-sm:     4px;
	--r-md:     8px;
	--r-lg:     16px;
	--r-pill:   999px;

	/* --- Layout --- */
	--wrap-max: 1200px;
	--wrap-pad: clamp(1rem, 4vw, 2.5rem);

	/* --- Transitions --- */
	--ease:     cubic-bezier(0.2, 0.8, 0.2, 1);
	--dur-fast: 160ms;
	--dur:      280ms;
}