/* ============================================================
 * COPIA GERADA — nao editar a mao.
 * Origem: Agroonnet Design System/tokens/*.css
 * Fonte de verdade: Agroonnet Design System/uploads/DESIGN.md
 * Regerar: bash ui-lab/scripts/sincronizar-tokens.sh
 *
 * CORRECAO APLICADA NA COPIA (ver README, secao Achados):
 * colors.css e typography.css do DS declaram os MESMOS nomes
 * (--text-body, --text-soft, --text-faint) com significados
 * diferentes — cor num arquivo, fonte no outro. Quem carrega os
 * dois perde um dos dois, e 'font: var(--text-body)' vira
 * declaracao invalida (a pagina inteira cai pra Times New Roman).
 * Aqui os aliases de COR ganham sufixo -color. Os tokens de fonte
 * ficam com o nome original. O DS canonico segue intocado ate a
 * correcao ser aprovada la.
 * ============================================================ */

:root{
--bg:#F7F7F7;--bg-raised:#FFFFFF;
--ink:#1F1F1F;--ink-soft:#5C5C5C;--ink-faint:#8C8C8C;
--line:#E4E4E2;--line-soft:#EFEFED;
--brand-700:#185C38;--brand-600:#227C4B;--brand-500:#2E9959;--brand-100:#E3F1E7;
--accent-600:#B65B32;--accent-100:#F5E2D6;
--track-produtor:#6B7A3B;--track-produtor-bg:#EAEEDC;
--track-trabalhador:#B8863A;--track-trabalhador-bg:#F3E7CE;
--track-empresa:#3E6478;--track-empresa-bg:#DCE7EC;
--success:var(--brand-600);--warning:#B8863A;--error:#B23B3B;
--status-ativa:var(--brand-500);--status-encerrada-fg:#8C8C8C;--status-encerrada-bg:#EFEFED;
--whatsapp:#25D366;
--focus-ring:var(--brand-500);
--surface-card:var(--bg-raised);
--text-body-color:var(--ink);--text-soft-color:var(--ink-soft);--text-faint-color:var(--ink-faint);
--border-default:var(--line);
}

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@500;600;700&display=swap');
:root{
--font-ui:'Inter',system-ui,sans-serif;
--font-display:'Poppins','Inter',system-ui,sans-serif;
--text-display:600 30px/1.15 var(--font-display);
--text-h2:700 21px/1.25 var(--font-ui);
--text-h3:600 16px/1.3 var(--font-ui);
--text-body:400 15px/1.5 var(--font-ui);
--text-small:400 13px/1.4 var(--font-ui);
--text-button:600 15px/1 var(--font-ui);
}

:root{
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;
--radius-card:12px;--radius-input:12px;--radius-button:10px;--radius-pill:999px;
--touch-min:44px;
--content-max-form:480px;--content-max-marketing:1120px;
--shadow-card:0 1px 2px rgba(34,38,31,.06),0 2px 8px rgba(34,38,31,.06);
--shadow-card-hover:0 2px 4px rgba(34,38,31,.08),0 6px 16px rgba(34,38,31,.10);
}

*{box-sizing:border-box}
@keyframes agn-spin{to{transform:rotate(360deg)}}