/* Etrata's colors on top of the shared Miku stylesheet: violet in place of teal, crimson in place
   of pink, and blue-black mana bars. */
:root {
  --teal: #5a45d6; --teal-fill: #7b6cf0; --teal-soft: #e6e2fd; --on-fill: #120d2b;
  --pink: #b3183f; --pink-fill: #e0405f; --pink-soft: #fbdfe5;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) { --teal: #a99cff; --teal-soft: #1d1840; --on-fill: #120d2b; --pink: #ff6f8c; --pink-soft: #3a111b; }
}
:root[data-theme="dark"] { --teal: #a99cff; --teal-soft: #1d1840; --on-fill: #120d2b; --pink: #ff6f8c; --pink-soft: #3a111b; }
.tug i.g { background: var(--mana-u); color: var(--mana-u-ink); }
.tug i.w { background: var(--mana-b); color: var(--mana-b-ink); }
.verdict-card.e { border-top-color: var(--teal-fill); }
.verdict-card.m { border-top-color: #39c5bb; }

/* the upgrade's fact strip sits on the page, not on the dark hero */
.ticket-strip.b4-strip li { border-color: var(--line-strong); background: var(--surface); color: var(--ink-soft); }
.ticket-strip.b4-strip li.teal { border-color: var(--teal-fill); color: var(--teal); }
.ticket-strip.b4-strip li.pink { border-color: var(--pink-fill); color: var(--pink); }
#view-shop .grid-2 + .table-wrap, #view-shop .table-wrap + p { margin-top: 16px; }

/* the game table takes Etrata's violet in place of Miku's teal */
:root .mg { --miku: #7b6cf0; --miku-ink: #a99cff; --on-miku: #120d2b; }