:root{
  /* Cores base */
  --lb-sage:#4a635d;
  --lb-champagne:#f7e7ce;
  --lb-offwhite:#fffaf8;
  --lb-dark:rgba(46,46,46,.84);

  /* Tinta editorial (texto em fundos claros) */
  --lb-ink: rgba(46,46,46,.84);
  --lb-ink-soft: rgba(46,46,46,.70);

  --lb-text:#444444;
  --lb-muted:#6b6b6b;
  --lb-accent: var(--lb-sage);

  /* Interação e bordas */
  --lb-link:#6F7D3C;
  --lb-border:#E0E0E0;
  --lb-border-soft: rgba(0,0,0,0.10);

  /* Layout */
  --lb-container: 1120px;
  --lb-container-wide: 1160px;
  --lb-container-xl: 1200px;
  --lb-gutter: 20px;

  /* Tipografia */
    --lb-font-title: "Playfair Display", Georgia, "Times New Roman", Times, serif;
  --lb-font-body: "Work Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif;

  /* Ajuste de métricas para reduzir CLS em swap de fonte */
  --lb-font-title-adjust: 0.46;
  --lb-font-body-adjust: 0.52;

  /* Headings (tamanhos) */
  --lb-h1-size: clamp(32px, 3.5vw, 46px);
  --lb-h2-size: clamp(24px, 2.6vw, 34px);
  --lb-h3-size: 22px;
  --lb-h4-size: 18px;
  --lb-h5-size: 16px;
  --lb-h6-size: 14px;

  /* Headings (pesos) */
  --lb-h1-weight: 600;
  --lb-h2-weight: 600;
  --lb-h3-weight: 600;
  --lb-h4-weight: 600;
  --lb-h5-weight: 600;
  --lb-h6-weight: 600;
}

@media (max-width: 640px){
  :root{
    --lb-gutter: 18px;

    /* Mobile-first: títulos mais contidos e leitura mais confortável */
    --lb-h1-size: clamp(28px, 7.2vw, 34px);
    --lb-h2-size: clamp(20px, 5.8vw, 26px);
    --lb-h3-size: 20px;
    --lb-h4-size: 17px;

    /* Ritmo */
    --lb-radius-card: 18px;
  }
}