/* Colorblind-friendly color scheme using blue/orange palette
 * These colors are distinguishable for people with deuteranopia/protanopia
 * All rules scoped under body.colorblind-mode to override default styles
 */

/* Regular picks - blue = won, orange = lost */
body.colorblind-mode .tile-won {
    background-color: #0077BB !important;
    color: #ffffff !important;
}

body.colorblind-mode .tile-winning {
    background: repeating-linear-gradient(
        45deg,
        #99DDFF,
        #99DDFF 10px,
        #ffffff 10px,
        #ffffff 20px
    ) !important;
    color: #000000 !important;
}

body.colorblind-mode .tile-losing {
    background: repeating-linear-gradient(
        45deg,
        #FFAA66,
        #FFAA66 10px,
        #ffffff 10px,
        #ffffff 20px
    ) !important;
    color: #000000 !important;
}

body.colorblind-mode .tile-lost {
    background-color: #EE7733 !important;
    color: #ffffff !important;
}

/* Short picks - inverted (orange = won, blue = lost) */
body.colorblind-mode .pick-tile.short.tile-won {
    background-color: #EE7733 !important;
    color: #ffffff !important;
}

body.colorblind-mode .pick-tile.short.tile-winning {
    background: repeating-linear-gradient(
        45deg,
        #FFAA66,
        #FFAA66 10px,
        #ffffff 10px,
        #ffffff 20px
    ) !important;
    color: #000000 !important;
}

body.colorblind-mode .pick-tile.short.tile-losing {
    background: repeating-linear-gradient(
        45deg,
        #99DDFF,
        #99DDFF 10px,
        #ffffff 10px,
        #ffffff 20px
    ) !important;
    color: #000000 !important;
}

body.colorblind-mode .pick-tile.short.tile-lost {
    background-color: #0077BB !important;
    color: #ffffff !important;
}

/* Playoff picks - handle tied state if present */
body.colorblind-mode .tile-tied {
    /* Keep yellow as-is since it's already distinguishable */
    background: repeating-linear-gradient(
        45deg,
        #fad900,
        #fad900 12px,
        #ffffff 12px,
        #ffffff 24px
    ) !important;
    color: #000000 !important;
}