/* =========================================================
   VΞX — custom gallery tags
   =========================================================

   This file is your tag library. A "tag" is just a little colored
   pill (like the "OG" chip) you can stick under any gallery picture
   to flag something about it — "Omega", "Freebie", "WIP", "NSFW",
   whatever you need.

   HOW TO ADD YOUR OWN TAG
   ------------------------
   1. Pick a class name: .tag--yourname
   2. Add a rule here with a color + border, e.g.:

        .tag--omega {
          color: #e08fae;
          background: rgba(224, 143, 174, 0.16);
          border-color: rgba(224, 143, 174, 0.5);
        }

   3. In the collection page's gallery, add it next to the picture:

        <span class="tag tag--omega">Omega</span>

   That's it — no other file needs to change. The pill shape, font,
   and spacing all come from the shared `.tag` class in style.css;
   this file only controls color.

   Every tag below is just a starting set — rename, recolor, delete,
   or add as many as you like.
   ========================================================= */

.tag--og        { color: #c9a86a; background: rgba(201, 168, 106, 0.18); border-color: rgba(201, 168, 106, 0.45); }
.tag--personal  { color: #d98ba0; background: rgba(217, 139, 160, 0.18); border-color: rgba(217, 139, 160, 0.45); }

.tag--freebie   { color: #6bbf8f; background: rgba(107, 191, 143, 0.18); border-color: rgba(107, 191, 143, 0.45); }
.tag--adopted   { color: #8a8a94; background: rgba(138, 138, 148, 0.18); border-color: rgba(138, 138, 148, 0.45); }
.tag--wip       { color: #d9b34e; background: rgba(217, 179, 78, 0.18); border-color: rgba(217, 179, 78, 0.45); }
.tag--nsfw      { color: #e2622e; background: rgba(226, 98, 46, 0.2); border-color: rgba(226, 98, 46, 0.5); }

/* omegaverse dynamics */
.tag--omega     { color: #e08fae; background: rgba(224, 143, 174, 0.16); border-color: rgba(224, 143, 174, 0.5); }
.tag--alpha     { color: #9b6bf2; background: rgba(155, 107, 242, 0.16); border-color: rgba(155, 107, 242, 0.5); }
.tag--beta      { color: #4fb8e0; background: rgba(79, 184, 224, 0.16); border-color: rgba(79, 184, 224, 0.5); }

/* misc theming flags, reuse across any collection */
.tag--rare      { color: #f2b6d8; background: rgba(242, 182, 216, 0.16); border-color: rgba(242, 182, 216, 0.5); }
.tag--limited   { color: #e23158; background: rgba(226, 49, 88, 0.18); border-color: rgba(226, 49, 88, 0.5); }
