/**
 * tokens.css — Design tokens do storefront Art Home.
 *
 * Única fonte de verdade para cor, tipografia, espaçamento, raio e elevação.
 * Os componentes (product-summary.css) consomem apenas variáveis — nenhum
 * valor mágico espalhado pelos seletores.
 *
 * Paleta derivada das opções do BeTheme (Muffin Options):
 *   background-body #f1f2e5 · color-theme #4c6a39 · color-h2 #2d2e36
 *   color-h3/h4/h5 #4e4540 · fundo de produto #f9f2ec · destaque #bb5644
 *
 * @package arthome
 */

:root {
	/* ---------------------------------- Cores ---------------------------------- */
	/* Superfícies */
	--ah-canvas: #f1f2e5; /* fundo da página */
	--ah-surface: #ffffff; /* cartões e controles */
	--ah-sand: #f9f2ec; /* preenchimento sutil */

	/* Texto */
	--ah-ink: #2d2e36; /* títulos e dado forte */
	--ah-body: #4e4540; /* texto corrido */
	--ah-muted: #6f675b; /* texto secundário (contraste AA sobre branco) */

	/* Marca / ação */
	--ah-brand: #4c6a39; /* ação primária, economia, links */
	--ah-brand-deep: #3c5530; /* hover/pressed */
	--ah-brand-soft: rgba(76, 106, 57, 0.1); /* preenchimento tintado */
	--ah-brand-line: #c7d1ae; /* bordas brand suaves */

	/* Atenção / promoção */
	--ah-accent: #bb5644;
	--ah-accent-soft: rgba(187, 86, 68, 0.1);

	/* Linhas */
	--ah-line: rgba(78, 69, 64, 0.14);
	--ah-line-strong: rgba(78, 69, 64, 0.28);

	/* Estados */
	--ah-focus-ring: rgba(76, 106, 57, 0.35);
	--ah-on-brand: #ffffff;

	/* -------------------------------- Tipografia -------------------------------- */
	--ah-font-sans: "Jost", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--ah-font-display: "Bodoni Moda", Georgia, "Times New Roman", serif;

	--ah-text-xs: 0.75rem; /* 12px */
	--ah-text-sm: 0.875rem; /* 14px */
	--ah-text-md: 1rem; /* 16px */
	--ah-text-lg: 1.125rem; /* 18px */
	--ah-text-xl: 1.25rem; /* 20px */
	--ah-text-2xl: 1.75rem; /* 28px */
	--ah-text-3xl: 2.25rem; /* 36px */

	--ah-leading-tight: 1.15;
	--ah-leading-snug: 1.35;
	--ah-leading-normal: 1.6;

	--ah-weight-regular: 400;
	--ah-weight-medium: 500;
	--ah-weight-semibold: 600;

	/* ------------------------------- Espaçamento -------------------------------- */
	/* Escala em grelha de 4px — ritmo vertical do cartão de produto. */
	--ah-space-1: 4px;
	--ah-space-2: 8px;
	--ah-space-3: 12px;
	--ah-space-4: 16px;
	--ah-space-5: 24px;
	--ah-space-6: 32px;
	--ah-space-7: 40px;
	--ah-space-8: 56px;

	/* ------------------------------ Raio / elevação ------------------------------ */
	--ah-radius-sm: 6px;
	--ah-radius-md: 10px;
	--ah-radius-lg: 16px;
	--ah-radius-pill: 999px;

	--ah-shadow-sm: 0 1px 2px rgba(45, 46, 54, 0.06);
	--ah-shadow-md: 0 8px 24px rgba(45, 46, 54, 0.1);

	/* ------------------------------- Controles ---------------------------------- */
	--ah-control-h: 52px; /* altura do controle primário (compra) */
	--ah-control-h-sm: 44px; /* controles secundários */
	--ah-card-pad: var(--ah-space-7); /* respiro interno do cartão */
	--ah-card-max: 640px; /* medida de leitura do resumo */
	--ah-motion: 160ms ease;
}

@media (max-width: 768px) {
	:root {
		--ah-card-pad: var(--ah-space-5);
	}
}