:root {
    --pixel-reward-gold: #fbbf24;
    --pixel-reward-gold-dark: #f59e0b;
    --pixel-reward-gold-rgb: 251, 191, 36;
    --pixel-reward-gold-ink: #0a0a0f;

    --pixel-vote-gold: #fbbf24;
    --pixel-vote-silver: #94a3b8;
    --pixel-vote-bronze: #c2884d;

    --pixel-on-hero: #fff;
}

:root,
[data-bs-theme="light"],
[data-bs-theme="dark"] {
    --bs-primary: var(--pixel-primary);
    --bs-primary-rgb: var(--pixel-primary-rgb);
    --bs-link-color: var(--pixel-primary);
    --bs-link-color-rgb: var(--pixel-primary-rgb);
    --bs-link-hover-color: var(--pixel-accent);
    --bs-link-hover-color-rgb: var(--pixel-accent-rgb);
    --bs-body-bg: var(--pixel-background);
    --bs-body-bg-rgb: var(--pixel-background-rgb);
    --bs-body-color: var(--pixel-text);
    --bs-emphasis-color: var(--pixel-heading);
    --bs-secondary-color: var(--pixel-muted);
    --bs-secondary-bg: var(--pixel-surface);
    --bs-tertiary-bg: var(--pixel-surface);
    --bs-border-color: var(--pixel-border);
    --bs-card-bg: var(--pixel-surface);
    --bs-card-border-color: var(--pixel-border);
    --bs-card-cap-bg: rgba(var(--pixel-primary-rgb), .07);
    --bs-heading-color: var(--pixel-heading);
}

body { background-color: var(--pixel-background); color: var(--pixel-text); }
.card, .modal-content, .dropdown-menu, .list-group-item { background-color: var(--pixel-surface); }

.card-header {
    font-family: var(--font-heading);
    font-weight: 600;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: var(--pixel-heading);
    border-bottom: 0;
}

.card-body img { max-width: 100%; height: auto; }