Doing some overall warning cleanup.

blog_test/assets/blog.css

@@ -0,0 +1,45 @@
+:root
+{
+   --text-color: #000000;
+   --bg-color: #FFFFFF;
+
+   --primary-color: #ffffff;
+   --secondary-color: #000000;
+   --accent-color: #7dfdfe; /* Tron grid  or try 00a8ff 00eaff 26b4ca 59b4c7 5584AC*/
+   --mobile-color: #363636;
+
+   --desktop-size: 1230px;
+}
+
+.toggle_button {
+  display: inline-block;
+  margin-top: 5px;
+  margin-right: 5px;
+  padding: 0px 6px;
+  border: 2px solid var(--text-color);
+  border-radius: 5px;
+  color: var(--text-color);
+  cursor: pointer;
+  user-select: none;
+  transition: 0.1s ease-in;
+}
+
+.toggle_button:hover {
+  color: var(--accent-color);
+  border-color: var(--accent-color);
+  transform: translateY(-2px);
+}
+
+.toggle_button input[type="checkbox"] {
+  position: absolute;
+  opacity: 0;
+  width: 0;
+  height: 0;
+  pointer-events: none;
+}
+
+/* Checked state using :has() — modern browsers only */
+.toggle_button:has(input:checked) {
+  color: var(--accent-color);
+  border-color: var(--accent-color);
+}