/*
 * Variáveis do design system — geradas a partir de principios-materiais/design-system/tokens.json.
 * Não edite as cores aqui sem editar também theme.json e as cores globais do Astra.
 */
:root {
	/* Cores */
	--verde-900: #1E3B2C;
	--verde-700: #2B5240;
	--verde-100: #E7EFE9;
	--cobre-500: #B07A52;
	--cobre-600: #9C6136;
	--cobre-700: #8A5530;
	--areia: #E3CDB0;
	--salvia: #9DB3A5;
	--marfim: #F9F1E6;
	--papel: #FDFBF6;
	--branco: #FFFFFF;
	--tinta: #2F3A33;
	--tinta-suave: #5E6A62;
	--borda: #E4DCCD;
	--borda-controle: #8C8272;
	--foco: var(--cobre-600);

	/* Estados */
	--sucesso: #2F6B45;
	--sucesso-fundo: #E7F0EA;
	--info: #2F5A73;
	--info-fundo: #E4EDF2;
	--aviso: #7A5A10;
	--aviso-fundo: #F6EEDB;
	--erro: #A33A2B;
	--erro-fundo: #F7E6E2;

	/* Mapa das 9 cores globais do Astra (Personalizar › Global › Cores) */
	--astra-0: var(--verde-900);
	--astra-1: var(--verde-700);
	--astra-2: var(--verde-900);
	--astra-3: var(--tinta);
	--astra-4: var(--papel);
	--astra-5: var(--branco);
	--astra-6: var(--marfim);
	--astra-7: var(--borda);
	--astra-8: var(--cobre-500);

	/* Famílias */
	--font-serif: "Libre Caslon Text", Georgia, "Times New Roman", serif;
	--font-sans: "Montserrat", "Helvetica Neue", Arial, sans-serif;

	/* Tipografia: tamanho / altura de linha */
	--fs-display: 56px;   --lh-display: 60px;
	--fs-h1: 44px;        --lh-h1: 52px;
	--fs-h2: 34px;        --lh-h2: 42px;
	--fs-h3: 26px;        --lh-h3: 34px;
	--fs-h4: 21px;        --lh-h4: 28px;
	--fs-h5: 17px;        --lh-h5: 24px;
	--fs-titulo-livro: 18px; --lh-titulo-livro: 24px;
	--fs-sobretitulo: 12px;  --lh-sobretitulo: 16px; --ls-sobretitulo: 0.18em;
	--fs-corpo-lg: 18px;  --lh-corpo-lg: 30px;
	--fs-corpo: 16px;     --lh-corpo: 26px;
	--fs-corpo-sm: 14px;  --lh-corpo-sm: 22px;
	--fs-legenda: 12px;   --lh-legenda: 16px;
	--fs-menu: 15px;      --lh-menu: 20px;
	--fs-botao: 15px;     --lh-botao: 20px;
	--fs-preco: 22px;     --lh-preco: 28px;
	--fs-preco-sm: 17px;  --lh-preco-sm: 24px;

	/* Espaçamento */
	--space-1: 4px;
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 16px;
	--space-5: 24px;
	--space-6: 32px;
	--space-7: 48px;
	--space-8: 64px;
	--space-9: 96px;

	/* Raios */
	--radius-xs: 2px;
	--radius-sm: 4px;
	--radius-md: 8px;
	--radius-pill: 999px;

	/* Sombras */
	--shadow-livro: 2px 4px 12px rgba(30, 59, 44, 0.20);
	--shadow-hover: 0 8px 24px rgba(30, 59, 44, 0.12);
	--shadow-menu: 0 12px 32px rgba(30, 59, 44, 0.14);

	/* Layout */
	--container: 1200px;
	--container-texto: 720px;
	--header-altura: 88px;
	--capa-proporcao: 0.6667;
	--gutter: var(--space-5);
	--secao-padding: var(--space-8);
}

/* Tablet */
@media (max-width: 921px) {
	:root {
		--fs-h1: 36px; --lh-h1: 44px;
		--fs-h2: 30px; --lh-h2: 38px;
		--fs-h3: 24px; --lh-h3: 32px;
	}
}

/* Mobile */
@media (max-width: 544px) {
	:root {
		--fs-display: 36px; --lh-display: 40px;
		--fs-h1: 30px; --lh-h1: 36px;
		--fs-h2: 26px; --lh-h2: 32px;
		--fs-h3: 22px; --lh-h3: 28px;
		--header-altura: 72px;
		--gutter: var(--space-4);
		--secao-padding: var(--space-7);
	}
}