misc design progress, more variables, news and event lists, remove old date list, etc

web/src/components/events/eventItem.module.scss

@@ -55,17 +55,16 @@
   &.large {
     align-content: start;
 
-    .time {
-      order: 1;
-
-    }
-
     .image {
-      order: 2;
+      order: 1;
       margin-bottom: var(--spacing-xs);
     }
 
     .text {
+      order: 2;
+    }
+
+    .time {
       order: 3;
     }
   }
@@ -86,11 +85,12 @@
 }
 
 .title {
-  font-size: var(--font-size-h2);
+  font-size: var(--font-size-h3);
 }
 
 .details {
   font-size: var(--font-size-lead);
+  margin-bottom: var(--spacing-xs);
 }
 
 .dates,
@@ -107,14 +107,16 @@
   font-size: var(--font-size-body);
   width: 100%;
   display: flex;
-  justify-content: space-between;
+  justify-content: flex-start;
   align-items: center;
+  gap: .2rem;
 }
 
-.datePill, .moreDates {
+.datePill,
+.moreDates {
   display: inline-block;
-  background: var(--color-background-secondary);
-  color: var(--color-chateauBlue);
+  background: var(--color-goldenBeige);
+  color: var(--color-deepBrick);
   border-radius: 2rem;
   padding: 0 .4rem;
   font-size: var(--font-size-xs);