/* Pixel medal art from ArcadeBrowser.medalArt, shared by the home-page cards and the in-game
   milestone pop-ups. The element holding the art sets data-tier; without one it is Bronze. */
.medal-dark {
    fill: var(--medal-dark, #5c2c10);
}

.medal-shade {
    fill: var(--medal-shade, #a0561f);
}

.medal-base {
    fill: var(--medal-base, #cd7f32);
}

.medal-light {
    fill: var(--medal-light, #f6c08c);
}

[data-tier='silver'] {
    --medal-dark: #3f4854;
    --medal-shade: #8d99a8;
    --medal-base: #c9d2dc;
    --medal-light: #ffffff;
}

[data-tier='gold'] {
    --medal-dark: #7a4c00;
    --medal-shade: #cc9206;
    --medal-base: #f8c630;
    --medal-light: #fff4b0;
}

[data-tier='platinum'] {
    --medal-dark: #0d4f4b;
    --medal-shade: #25b3a0;
    --medal-base: #6ee7d8;
    --medal-light: #e6fffb;
}

[data-tier='diamond'] {
    --medal-dark: #1e2f86;
    --medal-shade: #3d8bf0;
    --medal-base: #8fd3ff;
    --medal-light: #ffffff;
}