add missing CSS variables and utility classes

src/assets/css/src/0.2.variables.css

@@ -67,6 +67,7 @@
   --text-sm: .875rem; /* 14px */
   --text-md: 1rem;    /* 16px */
   --text-lg: 1.5rem;  /* 24px */
+  --text-xl: 2rem;    /* 32px */
 
   /* Leading */
   --leading-none: 1;

src/assets/css/src/3.utilities.spacing.css

@@ -52,6 +52,8 @@
 .mt-16   { margin-top: var(--space-16) }
 .mt-24   { margin-top: var(--space-24) }
 .mt-32   { margin-top: var(--space-32) }
+.mt-48   { margin-top: var(--space-48) }
+.mt-64   { margin-top: var(--space-64) }
 
 
 /* Padding */
@@ -62,6 +64,8 @@
 .p-16  { padding: var(--space-16) }
 .p-24  { padding: var(--space-24) }
 .p-32  { padding: var(--space-32) }
+.p-48  { padding: var(--space-48) }
+.p-64  { padding: var(--space-64) }
 
 .px-4   { padding-left: var(--space-4) ; padding-right: var(--space-4)  } 
 .px-8   { padding-left: var(--space-8) ; padding-right: var(--space-8)  }

src/assets/css/src/3.utilities.text.css

@@ -33,6 +33,10 @@
   font-size: var(--text-lg); /* 24px */
   line-height: 1.5; /* 36px */
 }
+.text-xl { 
+  font-size: var(--text-xl); /* 32px */
+  line-height: 1.25; /* 40px */
+}
 
 
 /* Case */