/* type.css — tipografia base estilo Apple (web-safe) + mobile-first */

:root{
  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display",
               "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif;

  /* Base fluida:
     - Em telas pequenas desce um pouco
     - Em telas grandes sobe levemente
  */
  --fs-base: clamp(15px, 1.2vw + 12px, 16px);

  /* Escala semântica (em rem baseado no base) */
  --fs-12: 0.75rem;
  --fs-13: 0.8125rem;
  --fs-15: 0.9375rem;
  --fs-17: 1.0625rem;
  --fs-20: 1.25rem;
  --fs-24: 1.5rem;
  --fs-28: 1.75rem;

  --lh-tight: 1.15;
  --lh-base:  1.35;
  --lh-loose: 1.55;

  --fw-regular: 400;
  --fw-medium:  500;
  --fw-semibold:600;
  --fw-bold: 700;
  --fw-extrabold: 800;
}

/* html usa base fluida */
html{ font-size: var(--fs-base); }

body{
  margin: 0;
  font-family: var(--font-sans);
  font-size: var(--fs-15);
  line-height: var(--lh-base);
  color: var(--text);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}