♻️ refactor(theme): adjust light theme colors and add teal variable

Author: defuj

index.html

@@ -103,19 +103,20 @@
       [data-theme='light'] {
         --bg: #f3f2ed;
         --bg2: #faf9f5;
-        --bg3: #fff;
-        --card: #fff;
-        --card-hover: #f0efe8;
+        --bg3: #fcfcfa;
+        --card: #fcfcfa;
+        --card-hover: #f4f3ef;
         --txt: #1a1a2e;
         --txt2: #5a5a72;
         --txt3: #6b6b85;
-        --gold: #9a7028;
-        --bdr: rgba(0, 0, 0, 0.08);
-        --bdr-h: rgba(0, 0, 0, 0.14);
-        --bdr-gold: rgba(154, 112, 40, 0.3);
-        --orb-1: rgba(154, 112, 40, 0.1);
+        --gold: #8c6525;
+        --bdr: rgba(0, 0, 0, 0.1);
+        --bdr-h: rgba(0, 0, 0, 0.16);
+        --bdr-gold: rgba(140, 101, 37, 0.3);
+        --orb-1: rgba(140, 101, 37, 0.1);
         --orb-2: rgba(109, 40, 217, 0.06);
         --orb-3: rgba(45, 212, 191, 0.06);
+        --teal: #389e92;
       }
       .container {
         width: 100%;