/* Arcade — the game resource explorers.
 *
 * Two families of pages:
 *   - the ID lookups (Resources/Monster-Hunter-Rise, -Wilds): .mhr-page,
 *     rendered through Header.php, styled by mhrise.css;
 *   - the dump explorers (Outlast, Outlast-2, Crab-Champions): body
 *     .dump-editor-page, rendered by Resources/ExplorerShell.php, which loads
 *     this layer itself; styled by editor.css + explorer-workspace.css.
 *
 * Only what has no --ds-* token to follow lives here. Every rule is scoped to
 * one of those two roots, because this file loads on every page and the dump
 * explorer's class names (.tooltip, .brand-icon, --border-subtle …) also
 * exist elsewhere.
 *
 * Kept on purpose: the item icon tints (.mhr-tint-NN, .mhr-rare-NN in
 * mhrise-icons.css / mhwilds-icons.css) are the games' own item colours.
 */

/* ---- dump explorers -------------------------------------------------------- */

/* editor.css declares these as literals on :root (no token holds them); on the
 * explorer's body they become mixes of the screen. */
html[data-theme="arcade"] body.dump-editor-page {
    --surface-selected: color-mix(in srgb, var(--ds-success) 14%, var(--ds-bg));
    --border-subtle: color-mix(in srgb, var(--arc-fg) 16%, var(--arc-bg));
    --border-default: var(--ds-border-1);
    --border-strong: var(--ds-border-2);
    --text-muted: var(--ds-text-3);
    --text-disabled: color-mix(in srgb, var(--arc-dim) 65%, var(--arc-bg));
    --danger-soft: color-mix(in srgb, var(--ds-danger) 14%, var(--ds-bg));
    --warning-soft: color-mix(in srgb, var(--ds-warning) 14%, var(--ds-bg));
    --info-soft: color-mix(in srgb, var(--ds-info) 14%, var(--ds-bg));
    --purple: var(--ds-violet);
    --purple-soft: color-mix(in srgb, var(--ds-violet) 14%, var(--ds-bg));
}

html[data-theme="arcade"] .dump-editor-page .inheritance a:hover,
html[data-theme="arcade"] .dump-editor-page .api-link:hover {
    color: var(--arc-fg);
}

/* Symbol kinds: blueprint and struct glyphs. */
html[data-theme="arcade"] .dump-editor-page .bp-icon {
    color: var(--arc-wild);
}

html[data-theme="arcade"] .dump-editor-page .struct-icon {
    color: var(--arc-link);
}

html[data-theme="arcade"] .dump-editor-page .palette-backdrop {
    background: rgba(var(--arc-bg-rgb), 0.6);
}

/* The admin preview banner is an inline style in ExplorerShell.php. */
html[data-theme="arcade"] .dump-editor-page .explorer-preview-banner {
    background: color-mix(in srgb, var(--ds-preview) 12%, var(--ds-bg)) !important;
    color: var(--ds-preview) !important;
    border-bottom-color: rgba(var(--ds-preview-rgb), 0.4) !important;
}

/* ---- ID lookups (Monster Hunter Rise / Wilds) ------------------------------ */

/* Bare <code> in the result summary and the empty state takes Bootstrap's
 * dark-mode pink (--bs-code-color), which no screen carries. */
html[data-theme="arcade"] .mhr-page .mhr-summary code,
html[data-theme="arcade"] .mhr-page .mhr-empty code {
    color: var(--arc-hl-b);
}