/* ===================================
   TIPOGRAFIA PURISSIMA - TEXTO DE CORPO
   Presets para parágrafos e textos descritivos
   =================================== */

/* 1) Tokens (CSS custom properties) */
:root {
  /* Família e variações */
  --body-font: "Open Sans", sans-serif;
  --body-wdth: 100;                 /* para variable fonts */
  --body-weight-regular: 400;
  --body-weight-strong: 700;

  /* Comportamento de texto */
  --body-lh: 1.5;                   /* 150% */
  --body-letter-spacing: 0;         /* neutro (evita tracking negativo) */
  --body-text-align: left;

  /* Tamanhos (definidos em px, usados em clamp) */
  /* regular-md: ~15→16px (seguro para mobile/desktop) */
  --regular-md-min: 15px;
  --regular-md-max: 16px;

  /* regular-lg: ~17→18px para leitura confortável de parágrafos longos */
  --regular-lg-min: 17px;
  --regular-lg-max: 18px;

  /* strong-md: mesmo tamanho do regular-md, apenas peso 700 */
  --strong-md-min: var(--regular-md-min);
  --strong-md-max: var(--regular-md-max);
}

/* 2) Base comum (aplicada nos presets) */
.body-base {
  font-family: var(--body-font);
  font-style: normal;
  line-height: var(--body-lh);
  letter-spacing: var(--body-letter-spacing);
  text-align: var(--body-text-align);
  font-optical-sizing: auto;
  font-variation-settings: "wdth" var(--body-wdth);
  text-wrap-mode: wrap;
  text-wrap-style: pretty;
  -webkit-text-size-adjust: 100%;
  margin: 0;            /* margem controlada no layout, não no preset */
}

/* 3) Presets de corpo (classes prontas) */

/* regular-md: 15→16px com clamp - TEXTO PADRÃO */
.body-regular-md {
  font-family: var(--body-font);
  font-style: normal;
  line-height: var(--body-lh);
  letter-spacing: var(--body-letter-spacing);
  text-align: var(--body-text-align);
  font-optical-sizing: auto;
  font-variation-settings: "wdth" var(--body-wdth);
  text-wrap-mode: wrap;
  text-wrap-style: pretty;
  -webkit-text-size-adjust: 100%;
  margin: 0;
  font-weight: var(--body-weight-regular);
  font-size: clamp(var(--regular-md-min), 0.92rem + 0.2vw, var(--regular-md-max));
}

/* regular-lg: 17→18px com clamp - TEXTOS LONGOS */
.body-regular-lg {
  font-family: var(--body-font);
  font-style: normal;
  line-height: var(--body-lh);
  letter-spacing: var(--body-letter-spacing);
  text-align: var(--body-text-align);
  font-optical-sizing: auto;
  font-variation-settings: "wdth" var(--body-wdth);
  text-wrap-mode: wrap;
  text-wrap-style: pretty;
  -webkit-text-size-adjust: 100%;
  margin: 0;
  font-weight: var(--body-weight-regular);
  font-size: clamp(var(--regular-lg-min), 1.02rem + 0.25vw, var(--regular-lg-max));
}

/* strong-md: mesmo tamanho do regular-md, peso 700 - DESTAQUES */
.body-strong-md {
  font-family: var(--body-font);
  font-style: normal;
  line-height: var(--body-lh);
  letter-spacing: var(--body-letter-spacing);
  text-align: var(--body-text-align);
  font-optical-sizing: auto;
  font-variation-settings: "wdth" var(--body-wdth);
  text-wrap-mode: wrap;
  text-wrap-style: pretty;
  -webkit-text-size-adjust: 100%;
  margin: 0;
  font-weight: var(--body-weight-strong);
  font-size: clamp(var(--strong-md-min), 0.92rem + 0.2vw, var(--strong-md-max));
}

/* ===================================
   UTILITÁRIOS DE MARGEM
   (Purissima remove margin dos presets)
   =================================== */
.mb-paragraph {
  margin-bottom: 1rem;
}

.mb-paragraph-lg {
  margin-bottom: 1.5rem;
}