feat(web): add comix and kagane site colours

backend/internal/web/static/style.css

@@ -94,6 +94,8 @@
 
   --asura: #7d93a5;
   --demonic: #a98a78;
+  --comix: #8a9a7d;
+  --kagane: #9a8aa5;
 
   /* Covers are often missing; the hatch keeps the slot honest instead of
      faking artwork. */
@@ -146,6 +148,8 @@
 
     --asura: #4f6b80;
     --demonic: #8a6a55;
+    --comix: #5f7250;
+    --kagane: #6f5f7d;
 
     --hatch: repeating-linear-gradient(135deg, #e6e0d8 0 5px, #efeae3 5px 10px);
     --hatch-dim: repeating-linear-gradient(135deg, #ebe6de 0 5px, #f2eee8 5px 10px);
@@ -479,11 +483,14 @@ button { cursor: pointer; }
 .meta .sep { color: var(--faint); }
 .site-asura { color: var(--asura); }
 .site-demonic { color: var(--demonic); }
+.site-comix { color: var(--comix); }
+.site-kagane { color: var(--kagane); }
 .new-chapter { color: var(--ember); }
 .state { display: flex; align-items: center; gap: 4px; color: var(--mute); }
 .state svg { width: 10px; height: 10px; }
 .is-dim .meta { color: var(--mute-2); }
-.is-dim .site-asura, .is-dim .site-demonic { color: var(--mute); filter: grayscale(.6); }
+.is-dim .site-asura, .is-dim .site-demonic,
+.is-dim .site-comix, .is-dim .site-kagane { color: var(--mute); filter: grayscale(.6); }
 
 /* ---- action strip: full-width on a phone, hairline-divided cells ---- */
 .actions {