/* ==================================================================
   Status badges — single-badge column, same chip shape as genre tags.
   Uses semantic color names instead of genre hue vars.
   ================================================================== */

/* dark-mode tints */
.tag--status              { letter-spacing: 0.04em; font-weight: 600; }

.tag--status.tag--amber   { background: oklch(0.40 0.12 70  / 0.25); color: oklch(0.85 0.12 75);  }
.tag--status.tag--slate   { background: oklch(0.40 0.02 250 / 0.30); color: oklch(0.78 0.02 250); }
.tag--status.tag--violet  { background: oklch(0.40 0.14 305 / 0.25); color: oklch(0.85 0.12 305); }
.tag--status.tag--cyan    { background: oklch(0.40 0.12 210 / 0.25); color: oklch(0.85 0.12 210); }
.tag--status.tag--teal    { background: oklch(0.40 0.12 180 / 0.25); color: oklch(0.85 0.12 180); }
.tag--status.tag--green   { background: oklch(0.40 0.14 145 / 0.25); color: oklch(0.85 0.14 145); }
.tag--status.tag--red     { background: oklch(0.40 0.18 25  / 0.25); color: oklch(0.85 0.14 25);  }
.tag--status.tag--blue    { background: oklch(0.40 0.14 250 / 0.25); color: oklch(0.85 0.12 250); }
.tag--status.tag--pink    { background: oklch(0.40 0.16 350 / 0.25); color: oklch(0.85 0.14 350); }

/* light-mode patches */
:root[data-theme="light"] .tag--status.tag--amber   { background: oklch(0.94 0.05 75);  color: oklch(0.36 0.16 75);  }
:root[data-theme="light"] .tag--status.tag--slate   { background: oklch(0.93 0.01 250); color: oklch(0.36 0.04 250); }
:root[data-theme="light"] .tag--status.tag--violet  { background: oklch(0.94 0.05 305); color: oklch(0.36 0.18 305); }
:root[data-theme="light"] .tag--status.tag--cyan    { background: oklch(0.94 0.05 210); color: oklch(0.36 0.16 210); }
:root[data-theme="light"] .tag--status.tag--teal    { background: oklch(0.94 0.05 180); color: oklch(0.36 0.14 180); }
:root[data-theme="light"] .tag--status.tag--green   { background: oklch(0.94 0.06 145); color: oklch(0.36 0.18 145); }
:root[data-theme="light"] .tag--status.tag--red     { background: oklch(0.94 0.06 25);  color: oklch(0.40 0.20 25);  }
:root[data-theme="light"] .tag--status.tag--blue    { background: oklch(0.94 0.06 250); color: oklch(0.36 0.18 250); }
:root[data-theme="light"] .tag--status.tag--pink    { background: oklch(0.94 0.06 350); color: oklch(0.40 0.18 350); }