/*
 * Design tokens do Método Ágil.
 * Fonte: pasta tokens do Design System exportado (design-reference/_ds): colors, typography e spacing. Nomes canônicos preservados.
 * Única taxonomia de tokens — não criar aliases paralelos.
 * Se mudar um valor de cor, espelhar em theme.json (paleta do Gutenberg).
 */

:root {
	/* ---- Cores da marca ---- */
	--ma-off-white: #FAF8F3;
	--ma-white: #FFFFFF;
	--ma-near-black: #0F1411;
	--ma-graphite: #1F1F1F;
	--ma-deep-green: #0E3D2E;
	--ma-mid-green: #3E7F5F;
	--ma-light-green: #B7DCC2;
	--ma-line: #E4E0D6;
	--ma-line-strong: #CFC9BB;
	--ma-surface-sunken: #F1EEE6;

	/* ---- Superfícies ---- */
	--surface-page: var(--ma-off-white);
	--surface-card: var(--ma-white);
	--surface-sunken: var(--ma-surface-sunken);
	--surface-inverse: var(--ma-near-black);
	--surface-inverse-alt: var(--ma-graphite);

	/* ---- Texto ---- */
	--text-primary: var(--ma-near-black);
	--text-secondary: #5B5B54;
	--text-tertiary: #8A8A80;
	--text-on-accent: var(--ma-off-white);
	--text-on-inverse: var(--ma-off-white);
	--text-on-inverse-secondary: #B9B6AC;

	/* ---- Acento ---- */
	--accent-primary: var(--ma-deep-green);
	/* Mid Green: só acento, ícone, borda e foco (não texto). 4,491:1 sobre Off-white e 4,111:1 sobre Sunken NÃO atingem AA (4,5:1). */
	--accent-secondary: var(--ma-mid-green);
	--accent-soft: var(--ma-light-green);

	/* ---- Bordas e foco ---- */
	--border-default: var(--ma-line);
	--border-strong: var(--ma-line-strong);
	--border-inverse: #33372F;
	--focus-ring: var(--ma-mid-green);

	/* ---- Tipografia: famílias ---- */
	--font-sans: "Inter", system-ui, sans-serif;
	--font-display: "Inter", system-ui, sans-serif;
	--font-editorial: "Noto Serif Display", Georgia, serif;

	/* ---- Tipografia: escala ---- */
	--text-display-1: clamp(40px, 6vw, 72px);
	--text-display-2: clamp(32px, 4.5vw, 48px);
	--text-heading-1: 28px;
	--text-heading-2: 22px;
	--text-heading-3: 18px;
	--text-body-lg: 18px;
	--text-body: 16px;
	--text-body-sm: 14px;
	--text-label: 12px;
	--text-eyebrow: 12px;

	--leading-tight: 1.08;
	--leading-editorial: 1.15;
	--leading-heading: 1.25;
	--leading-body: 1.6;

	--tracking-label: 0.08em;
	--tracking-eyebrow: 0.12em;
	--tracking-tight: -0.01em;

	--weight-regular: 400;
	--weight-medium: 500;
	--weight-semibold: 600;
	--weight-bold: 700;
	--weight-extrabold: 800;

	/* ---- Espaçamento (escala de 4) ---- */
	--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, regras, sombras, motion ---- */
	--radius-sm: 4px;
	--radius-md: 6px;
	--radius-lg: 10px;
	--radius-pill: 999px;

	--rule-weight: 1px;
	--index-rule-weight: 2px;

	--shadow-card: 0 1px 2px rgba(15, 20, 17, 0.04);
	--shadow-elevated: 0 4px 16px rgba(15, 20, 17, 0.08);

	--ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
	--duration-fast: 120ms;
	--duration-base: 180ms;

	/* ---- Layout (container 1120 do DS; demais valores extraídos dos HTMLs aprovados) ---- */
	--container-max: 1120px;
	--container-reading: 720px;
	--gutter: clamp(16px, 4vw, 40px);

	/* ---- Estrutura do site (adições da fundação; valores vindos do header aprovado) ---- */
	--header-height: 64px;
	--z-header: 20;
	--z-skip-link: 100;
}