/* ─── tokens.css — Design Tokens ───────────────────────────────────────────
   Variáveis globais, reset e base tipográfica.
   Incluir em todas as páginas antes de qualquer outro CSS.
──────────────────────────────────────────────────────────────────────────── */

*{margin:0;padding:0;box-sizing:border-box;}

:root{
  /* Cores */
  --bg:#f5f3ef;
  --bg2:#edeae4;
  --green:#4a6741;
  --green-light:#6b8f61;
  --text:#2c2c2c;
  --text-muted:#7a7a72;
  --line:#c8c4bc;
  --white:#fefefe;

  /* Tipografia */
  --font-serif:'Playfair Display',serif;
  --font-sans:'Inter',sans-serif;

  /* Espaçamento */
  --section-padding:100px 40px;
  --section-padding-mobile:70px 20px;
  --max-width:1100px;

  /* Bordas */
  --radius:2px;
}

html{scroll-behavior:smooth;}
body{font-family:var(--font-sans);background:var(--bg);color:var(--text);font-weight:300;}