add light-dark

style.css

@@ -3,6 +3,7 @@
     --secondary: #ffe847;
     --primary-50: #312480;
     --secondary-50: #807424;
+    color-scheme: light dark;
 }
 
 #content {
@@ -21,7 +22,7 @@ h2 {
 }
 
 a {
-    color: black;
+    color: light-dark(black, white);
 }
 
 p {
@@ -52,8 +53,8 @@ p {
 
 .cover {
     cursor: pointer;
-    background: #ffffff;
-    color: #ffffff;
+    background: light-dark(white, black);
+    color: light-dark(white, black);
     user-select: none;
 }
 
@@ -86,23 +87,25 @@ p {
     background-image: url(lulu.webp);
     background-size: 60%;
     background-position: 100% 35%;
-    color: #ffffff;
+    color: light-dark(white, black);
 }
 
 #title-1 * {
     margin: 0;
     padding: 16px;
-    background: #000000;
+    background: light-dark(black, white);
     width: max-content;
 }
 
 body {
     margin: 8px;
     font-family: sans-serif;
+    position: relative;
+    background: light-dark(whitesmoke, black);
 }
 
 #click-to-reveal-prompt {
-    color: #888888;
+    color: grey;
     position: absolute;
     top: 8px;
     left: 0;