/* ===========================================
   tokens.css — Variáveis de design (Figma)
   =========================================== */

:root {
  /* ---- Cores: marca ---- */
  --green-900: #11472c;   /* barra superior / topo escuro */
  --green-800: #1e5631;   /* escudo (metade escura) / "DEFESA" */
  --green-700: #276a3c;
  --green-active: #658c58; /* link ativo */
  --lime-500:  #bbc863;   /* borda do botão, ícones sociais, hambúrguer */
  --lime-600:  #a6b450;   /* hover do lime */

  /* ---- Cores: neutros ---- */
  --white:     #ffffff;
  --text-nav:  #11472c;   /* links inativos */
  --text-body: #2e3d33;
  --text-muted: #6f6f6f;  /* parágrafos de corpo */
  --gray-100:  #f4f6f3;
  --gray-300:  #cfcfcf;   /* divisores tracejados */

  /* ---- Tipografia ---- */
  --font-base: "Ubuntu", system-ui, -apple-system, "Segoe UI", sans-serif;

  --fw-light:  300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-bold:   700;

  --fs-sm:   0.875rem;  /* 14px */
  --fs-base: 1rem;      /* 16px */
  --fs-md:   1.0625rem; /* 17px — links do nav */
  --fs-lg:   1.25rem;

  /* ---- Espaçamentos ---- */
  --space-2:  0.25rem;
  --space-4:  0.5rem;
  --space-6:  0.75rem;
  --space-8:  1rem;
  --space-12: 1.5rem;
  --space-16: 2rem;
  --space-24: 3rem;

  /* ---- Raios ---- */
  --radius-sm:   6px;
  --radius-md:   10px;
  --radius-pill: 999px;

  /* ---- Sombras ---- */
  --shadow-nav: 0 2px 12px rgba(0, 0, 0, 0.06);

  /* ---- Transições ---- */
  --transition: 200ms ease;

  /* ---- Layout ---- */
  --container: 1280px;
  --topbar-h:  56px;
  --navbar-h:  88px;
}