refactor(styles): simplify color variables and update CSS constants

Add new color palette file and refactor constant definitions to use variable tokens.

src/styles/window/lock.css

@@ -0,0 +1,66 @@
+#lockscreen-bg {
+  background-size: cover;
+}
+#indicator-box {
+  margin-right: 10px;
+  margin-top: 4px;
+}
+#container-box {
+  min-height: 50px;
+  min-width: 250px;
+  transition: all 0.7s ease-in-out;
+}
+#password-entry {
+  background-color: @fg-a40;
+  border-radius: apply(radius-xl);
+  color: white;
+  min-width: 220px;
+  min-height: 40px;
+  padding-right: 5px;
+  padding-left: 5px;
+  font-size: apply(font-base);
+  font-weight: 500;
+  transition: all 0.7s ease-in-out;
+}
+#profile-box {
+  margin-bottom: 10px;
+}
+#username {
+  font-size: 21px;
+  font-weight: bold;
+  margin-top: 5px;
+  transition: all 0.7s ease-in-out;
+}
+#lock-date label {
+  background-color: transparent;
+  color: @fg-a60;
+  border: none;
+  font-size: 30px;
+  margin-top: 80px;
+  font-weight: bold;
+}
+#lock-clock label {
+  background-color: transparent;
+  color: @fg-a60;
+  border: none;
+  font-size: 120px;
+  margin-top: -20px;
+  font-weight: bold;
+}
+
+#face-icon image {
+  margin-bottom: 10px;
+  border-radius: apply(radius-full);
+}
+#face-icon {
+  padding-bottom: 10px;
+}
+
+#unlock-box {
+  margin-bottom: 40px;
+}
+#unlock-text {
+  font-size: 15px;
+  color: @fg-a60;
+  font-weight: bold;
+}