From 8cded8dc8eaf5c0ca3d8c914ebe086ee5429d238 Mon Sep 17 00:00:00 2001
From: Ardis Lu <ardisglu@gmail.com>
Date: Sat, 8 Oct 2022 21:43:30 -0700
Subject: [PATCH] Use color variables

---
 index.html | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 824b836..116a2db 100644
--- a/index.html
+++ b/index.html
@@ -7,12 +7,18 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="icon" href="data:,">
   <style>
+    :root {
+      --primary-lightest: hsl(235deg 30% 90%);
+      --secondary: hsl(354deg 50% 50%);
+      --secondary-lighter: hsl(354deg 20% 85%);
+    }
+
     body {
       font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto,
         "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", Helvetica, Arial,
         sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
       color: hsl(235deg 90% 10%);
-      background: hsl(235deg 30% 90%);
+      background: var(--primary-lightest);
     }
 
     header {
-- 
2.47.3