/*
 * Perfil em Ação — paleta e base tipográfica compartilhada.
 * Cores extraídas do logo real (azul-marinho) + dourado como acento único.
 */

:root {
	--pea-navy-900: #12253A;
	--pea-navy-800: #1B3A5C;
	--pea-navy-600: #2C5680;
	--pea-navy-dark-box: #16304A;
	--pea-gold: #C9973F;
	--pea-gold-tint: #FBF3E4;
	--pea-text: #1F2A37;
	--pea-text-body: #33414D;
	--pea-text-muted: #4A5A6B;
	--pea-text-faint: #6B7B8C;
	--pea-border: #DCE6EE;
	--pea-bg-tint: #EEF3F7;
	--pea-bg-tint-2: #E9EFF4;
	--pea-bg-page: #F6F8FA;
}

body {
	font-family: 'Poppins', sans-serif;
	color: var(--pea-text-body);
}

.pea-breadcrumb {
	font-size: 13px;
	color: var(--pea-text-faint);
	display: flex;
	gap: 6px;
	align-items: center;
	margin: 20px 0;
}
.pea-breadcrumb a {
	color: var(--pea-text-faint);
	text-decoration: none;
}
.pea-breadcrumb a:hover {
	color: var(--pea-navy-600);
}

.pea-btn-gold {
	display: inline-block;
	background: var(--pea-gold);
	color: var(--pea-navy-800);
	font-weight: 700;
	padding: 14px 28px;
	border-radius: 10px;
	text-decoration: none;
	font-size: 15px;
	white-space: nowrap;
	border: none;
	cursor: pointer;
}
.pea-btn-gold:hover {
	opacity: 0.9;
	color: var(--pea-navy-800);
}
.pea-btn-small {
	padding: 8px 16px;
	border-radius: 8px;
	font-size: 12.5px;
}