new branding

css/palette.css

@@ -9,24 +9,40 @@
   --color-header-dark-2025: #ff9b37;
   --color-warn-dark-2025: #540033;
 
+  --color-light-2026: #f3ccfb;
+  --color-dark-2026: #130b16;
+  --color-pink-2026: #ea33d2;
+  --color-blurple-2026: #6d12e2;
+
   border-radius: .5rem;
   padding: .5rem;
   text-align: center;
   font-weight: bold;
 }
 
-@media (prefers-color-scheme: light) {
-	.color {
-		border: .1rem solid var(--color-bg-dark);
-	}
+.color {
+	border: .1rem solid var(--color-text);
 }
 
-@media (prefers-color-scheme: dark) {
-	.color {
-		border: .1rem solid var(--color-bg-light);
-	}
+/* 2026-2027 */
+
+#light-2026,
+#pink-2026 {
+	color: var(--color-dark-2026);
 }
 
+#dark-2026,
+#blurple-2026 {
+	color: var(--color-light-2026);
+}
+
+#light-2026 { background-color: var(--color-light-2026); }
+#dark-2026 { background-color: var(--color-dark-2026); }
+#pink-2026 { background-color: var(--color-pink-2026); }
+#blurple-2026 { background-color: var(--color-blurple-2026); }
+
+/* 2025 */
+
 #bg-light-2025,
 #warn-light-2025 {
 	color: var(--color-text-light-2025);