/**
 * Tokens do Astraz Fit.
 *
 * Identidade: grafite urbano + volt. A cor de acao e o volt (amarelo-limao de
 * pista de atletismo), nunca dourado; o fundo escuro e grafite frio, nunca
 * preto absoluto. Isso e o que separa "energia e performance" de "luxo".
 *
 * O plugin usa os MESMOS nomes de variavel, entao os componentes que ele
 * desenha combinam com o tema sem duplicar regra.
 *
 * @package AstrazFitTheme
 */

:root {
	/* Grafite */
	--af-ink-900: #0b0e13;
	--af-ink-800: #10141b;
	--af-ink-700: #1a202a;
	--af-ink-600: #2a323f;

	/* Cinzas */
	--af-slate-500: #5a6676;
	--af-slate-400: #8b97a6;
	--af-slate-300: #c3ccd6;
	--af-mist-200: #e6ebf0;
	--af-mist-100: #f3f6f9;
	--af-white: #fff;

	/* Acao */
	--af-volt: #d8ff3d;
	--af-volt-dark: #b4dd1f;
	--af-blaze: #ff4e29;

	/* Semantica */
	--af-ok: #16a34a;
	--af-warn: #d97706;
	--af-danger: #dc2626;
	--af-info: #2563eb;

	/* Forma */
	--af-radius: 16px;
	--af-radius-sm: 10px;
	--af-radius-lg: 26px;
	--af-shadow: 0 1px 2px rgba(11, 14, 19, .05), 0 12px 32px -18px rgba(11, 14, 19, .25);
	--af-shadow-lg: 0 24px 60px -30px rgba(11, 14, 19, .45);

	/* Ritmo vertical */
	--af-space-section: clamp( 56px, 7vw, 104px );
	--af-container: 1200px;
	--af-gutter: clamp( 18px, 4vw, 40px );

	/* Tipografia
	 *
	 * Sem fonte externa: nenhuma requisicao a CDN e nada quebra offline. A
	 * pilha de sistema ja tem peso 800 em todos os sistemas alvo, que e o que
	 * o display precisa. Para trocar por uma fonte propria, basta redefinir
	 * --af-font-display aqui e servir o arquivo de assets/fonts/.
	 */
	--af-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--af-font-display: "Archivo", "Barlow", "Segoe UI", var(--af-font);

	--af-text-hero: clamp( 38px, 6.5vw, 72px );
	--af-text-h1: clamp( 30px, 4.4vw, 48px );
	--af-text-h2: clamp( 25px, 3.2vw, 38px );
	--af-text-h3: clamp( 19px, 2vw, 23px );
	--af-text-lead: clamp( 16px, 1.4vw, 19px );
	--af-text-base: 16px;

	--af-transition: .18s cubic-bezier(.2, .7, .3, 1);
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--af-transition: 0s;
	}
}