/* PATH: /home1/andr8930/public_html/assets/css/20-typography.css
   DESC: Tipografia padrão (base + 1 título + 1 subtítulo + note) e links por tema.
*/

html, body{
  font-family: var(--font-sans);
  font-size: var(--fs-md);
  line-height: var(--lh-base);
  color: var(--text);
  background: var(--bg);
}

.ps-app{
  font-family: var(--font-sans);
  font-size: var(--fs-md);
  line-height: var(--lh-base);
  color: var(--text);
  background: var(--bg);
}

/* Padrão: 1 título + 1 subtítulo (classes) */
.ps-title{
  font-size: var(--fs-2xl);
  line-height: 1.2;
  margin: 0 0 var(--space-3);
  font-weight: 700;
  color: var(--text);
}

.ps-subtitle{
  font-size: var(--fs-lg);
  line-height: 1.25;
  margin: 0 0 var(--space-3);
  color: var(--muted);
}

/* Note: descrições/observações */
.ps-note,
.ps-app .subtitle{
  color: var(--muted);
  font-size: var(--fs-xs);
}

/* Links (dependem de --link / --link-hover) */
a{
  color: var(--link);
  text-decoration: none;
}
a:hover{
  color: var(--link-hover);
  text-decoration: underline;
}

/* Mono */
code, pre{
  font-family: var(--font-mono);
}