diff --git a/expenses_manager/expenses/static/expenses/css/base.css b/expenses_manager/expenses/static/expenses/css/base.css
index f1c3294..beed3c2 100644
--- a/expenses_manager/expenses/static/expenses/css/base.css
+++ b/expenses_manager/expenses/static/expenses/css/base.css
@@ -97,6 +97,31 @@ a.danger:visited,
     color: var(--color-danger-accent);
 }
 
+/* Escala tipográfica. Los márgenes van en rem a propósito: los del navegador
+   van en em y escalan con el tamaño de fuente, dejando huecos irregulares
+   entre secciones. */
+
+h1 {
+    font-size: 1.625rem;
+    font-weight: 600;
+    line-height: 1.2;
+    margin: 0 0 1rem;
+}
+
+h2 {
+    font-size: 1.25rem;
+    font-weight: 600;
+    line-height: 1.25;
+    margin: 1.5rem 0 0.75rem;
+}
+
+h3 {
+    font-size: 1rem;
+    font-weight: 600;
+    line-height: 1.3;
+    margin: 1rem 0 0.5rem;
+}
+
 /* ========================= */
 /* Topbar / navigation */
 /* ========================= */