added color vars

css/base/variables.css

@@ -76,8 +76,26 @@
   --sp12: calc(12 * var(--sp));
 
   /* brand colors */
-  --color--lmmi-tan: #c89755;
+
   --color--lmmi-teal: #004643;
+  --color--lmmi-teal--75: #436361;
+  --color--lmmi-teal--50: #768988;
+  --color--lmmi-teal--25: #b0b9b9;
+
+  --color--lmmi-tan: #ba7d2b;
+  --color--lmmi-tan--75: #c89655;
+  --color--lmmi-tan--50: #d7b485;
+  --color--lmmi-tan--25: #e8d4ba;
+
+  --color--lmmi-violet: #780a5f;
+  --color--lmmi-violet--75: #90497c;
+  --color--lmmi-violet--50: #ac7a9f;
+  --color--lmmi-violet--25: #cdb3c8;
+
+  --color--lmmi-blue: #023a56;
+  --color--lmmi-blue--75: #435871;
+  --color--lmmi-blue--50: #757f94;
+  --color--lmmi-blue--25: #afb3c0;
   /**
    * Gray colors.
    *

css/components/islandora_mods.css

@@ -1,9 +1,6 @@
 /* ==========================================================================
    Header / Branding
    ========================================================================== */
-.site-branding__logo img {
-  /* width: 287px; */
-}
 .logo-wrapper {
   background: #33333399;
 }
@@ -17,10 +14,6 @@ div#site-header__inner {
 /* ==========================================================================
    Layout
    ========================================================================== */
-.main-content {
-  /* border-right: 1px solid #eee; */
-  /* border-left: 1px solid #eee; */
-}
 
 /* ==========================================================================
    Grid / Views
@@ -43,6 +36,7 @@ div#site-header__inner {
     width: 100%;
     border: 1px solid #ccc;
     padding: 4px;
+    background: #ece8e3;
   }
 }
 .grid-item .metadata {
@@ -68,20 +62,27 @@ div#site-header__inner {
     font-size: 1.5rem;
   }
 }
+.metadata .views-field {
+  display: flex;
+  gap: 0.5em;
+}
 .views-label,
 .field__label {
   font-weight: bold;
   font-family: var(--font-sans);
   font-size: var(--font-size-base);
-  display: inline-block;
+  /* flex-basis: 7em; */
+  /* width: 6em; */
+  /* display: inline-block; */
 }
 .grid-item {
   .views-field.views-field-field-abstract {
-    display: flex;
+    /* display: flex; */
   }
 
   .views-field.views-field-field-abstract li {
     list-style-type: none;
+    /* display: ruby; */
   }
 }
 /* ==========================================================================
@@ -193,6 +194,7 @@ span#override-default-display-mode {
 }
 
 .field__item {
+  /* display: flow; */
 }
 
 iframe.pdf {