pass contrast ratios

Author: Adam Argyle

app/css/index.css

@@ -8,12 +8,13 @@
   --surface: lch(5 0 0);
   --text: lch(80 0 0);
   --white: lch(95 10 250);
-  --brand: lch(64 30 247);
+  --brand: lch(57 33 256);
+  --brand-alt: lch(95 10 250);
 
   @media (prefers-color-scheme: light) {
     --surface: lch(98 0 0);
     --text: lch(30 0 0);
     --white: lch(100 0 0);
-    --brand: lch(65 64 250)
+    --brand: lch(57 56 273)
   }
 }

app/css/logo.css

@@ -1,18 +1,20 @@
 h1 {
-  font-size: min(15vmin, 5rem);
+  font-size: min(15vmin, 7rem);
   font-weight: 100;
   display: flex;
+  color: var(--white);
 
   @media (max-width: 720px) {
     justify-content: center;
   }
 
   & > span {
     &:nth-child(2) {
-      color: cyan;
+      color: deeppink;
     }
-    &:nth-child(1) {
+    &:nth-child(3) {
       font-weight: bold;
+      color: var(--brand-alt);
     }
   }
 }
@@ -28,7 +30,8 @@ header {
   }
 
   & > small {
-    font-size: 1rem;
+    font-size: 1.25rem;
     font-weight: 300;
+    color: var(--brand-alt);
   }
 }