pronouns: new colors

pronouns/index.html

@@ -9,13 +9,14 @@
 <style>
   :root {
     font-family: "Atkinson Hyperlegible", sans-serif;
-    --l0: #1b1f21;
-    --l1: #441452;
-    --l2: #752565;
-    --l3: #ce2a66;
-    --l4: #ce9bb7;
-    --l5: #fdf4f4;
-    --gr: #25dcc5;
+    --l0: #040504;
+    --l1: #0c100f;
+    --l2: #182421;
+    --l3: #d9073b;
+    --l4: rgba(101, 142, 133, 0.5);
+    --l5: #80aca2;
+    --gr: #40b39a;
+    --gd: #b89524;
   }
 
   body {
@@ -31,11 +32,11 @@
   }
 
   .one {
-    color: var(--l4);
+    color: var(--gd);
   }
 
   ._3pp {
-    color: var(--gr);
+    color: #db43b5;
   }
 
   h2 {
@@ -59,13 +60,13 @@
   main {
     max-width: 960px;
     margin: 2em;
-    border: 1px solid #988;
+    border: 1px solid var(--l4);
     padding: 1.5em;
     line-height: 1.4;
   }
 
   hr {
-    border-color: #555;
+    border-color: var(--l4);
     margin: 2em 40%;
   }
 </style>
@@ -104,11 +105,14 @@
     With love, of course!~ The following sections "expand" into examples of use.
     These examples assume the reader uses first person pronouns to self-refer.
   </p>
+  <p>tl;dr: avoid using "you"</p>
   <p>Please use:</p>
   <ul>
     <li>
       <details>
-        <summary><span class="_3pp">it/its</span></summary>
+        <summary>
+          <span class="_3pp">it/its</span>
+        </summary>
         <p class="head">
           Imagine that noe is a helpful robot. It just helped a creature do
           something. It was very useful!