/*
 * AERUS — Design Tokens (base)
 * ============================================================
 * Sistema de design aprovado para o redesign do site do
 * Instituto Aerus de Seguridade Social.
 *
 * Este arquivo é independente de tema. Um tema futuro deve
 * enfileirá-lo assim:
 *
 *   wp_enqueue_style( 'aerus-tokens', AERUS_ASSETS_URL . 'aerus-tokens.css', array(), '1.0.0' );
 *
 * (A constante AERUS_ASSETS_URL é definida por
 *  mu-plugins/aerus-assets/loader.php.)
 *
 * Fontes: Inter v4.1 (SIL Open Font License 1.1), auto-hospedada
 * em ./fonts/ — nenhuma chamada externa (sem Google Fonts CDN).
 * ============================================================
 */

/* ------------------------------------------------------------
 * @font-face — Inter, auto-hospedada
 *
 * Estratégia: navegadores modernos usam a fonte variável
 * (um único arquivo cobre os pesos 100–900); os arquivos
 * estáticos 400/600/700 ficam disponíveis como referência e
 * para cenários que exijam pesos fixos.
 * ------------------------------------------------------------ */

/* Fonte variável (preferida — cobre 400, 600 e 700 num só arquivo) */
@font-face {
	font-family: 'InterVariable';
	src: url('fonts/InterVariable.woff2') format('woff2-variations'),
	     url('fonts/InterVariable.woff2') format('woff2') tech(variations);
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

/* Pesos estáticos (fallback / uso direto) */
@font-face {
	font-family: 'Inter';
	src: url('fonts/Inter-Regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('fonts/Inter-SemiBold.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('fonts/Inter-Bold.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

/* ------------------------------------------------------------
 * Tokens — cores, tipografia e escala
 * ------------------------------------------------------------ */
:root {
	/* --- Paleta aprovada --- */
	--aerus-navy:  #0F2A54; /* Azul-marinho — cor primária        */
	--aerus-blue:  #1E4D8C; /* Azul — cor secundária              */
	--aerus-gold:  #C9973B; /* Dourado/âmbar — cor de destaque    */
	--aerus-bg:    #F5F6F8; /* Neutro de fundo                    */
	--aerus-text:  #1A1A1A; /* Texto padrão                       */
	--aerus-green: #2E7D4F; /* Alerta positivo (sucesso)          */
	--aerus-red:   #B3261E; /* Alerta negativo (erro)             */

	/* --- Famílias tipográficas --- */
	/* Fonte variável primeiro; estáticas como fallback; depois pilha do sistema. */
	--aerus-font-sans: 'InterVariable', 'Inter', -apple-system, BlinkMacSystemFont,
	                   'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

	/* --- Pesos usados no sistema --- */
	--aerus-weight-regular:  400;
	--aerus-weight-semibold: 600;
	--aerus-weight-bold:     700;

	/* --- Escala tipográfica (base 16px, razão ~1.25) --- */
	--aerus-text-xs:      0.75rem;  /* 12px — legendas, notas legais      */
	--aerus-text-sm:      0.875rem; /* 14px — texto secundário, metadados */
	--aerus-text-base:    1rem;     /* 16px — corpo de texto              */
	--aerus-text-lg:      1.25rem;  /* 20px — lead / subtítulos           */
	--aerus-text-xl:      1.5625rem;/* 25px — títulos de seção (h3)       */
	--aerus-text-2xl:     1.953rem; /* ~31px — títulos de página (h2)     */
	--aerus-text-3xl:     2.441rem; /* ~39px — título principal (h1)      */
	--aerus-text-display: 3.052rem; /* ~49px — destaque/hero              */

	/* --- Alturas de linha correspondentes --- */
	--aerus-leading-tight:  1.2;  /* títulos   */
	--aerus-leading-normal: 1.6;  /* corpo     */
}