/* ==========================================================================
   Tag / keyword accent — The Sri COM
   --------------------------------------------------------------------------
   The small uppercase keywords in the meta row (EXCLUSIVE, NEW, MOVIES, ANIME…)
   are `.tag` elements. Four different stylesheets set four different blues on
   them (screen.css cyan, magazine.css #76a5ff, newsletter.css, brand-accent.css
   #08519C). This pins them all to the masthead blue in both themes.

   Loaded last, and prefixed with `html[data-theme] body` so it wins over
   `html[data-theme="light"] .tag` in theme-toggle.css.
   ========================================================================== */

.tag,
html[data-theme] body .tag {
  color: #2475e8;
}

/* Tags are links — give them a hover that stays on-brand. */
html[data-theme] body a.tag:hover { color: #5b9cff; }

html[data-theme="light"] body a.tag:hover { color: #14509f; }