/* Overwatch Randomizer-specific styles.
   The shared BRAWLBOX design system (tokens, components, theme toggle) now lives in
   Suitebox.Theme → _content/Suitebox.Theme/css/brawlbox-theme.css.
   Only app-specific rules remain below. */

/* Result item styling */
.result-item {
    background: var(--input-bg);
    border: 1px solid var(--border-color);
    border-radius: 12px;
    padding: 1.5rem;
    margin-bottom: 1rem;
    transition: all 0.3s ease;
}

.result-item:hover {
    border-color: var(--brand-coral);
    transform: translateX(5px);
}