:root {
    /* 休みを表現する色 */
    --CompTime_BackgroundColor: #cdede5;
    --CompTime_BorderColor:     #a0c6bd;
    --CompTime_TextColor:       #81a99f;
    --CompTime_TextDarkColor:   #667f79;

    /* 勤務の全部を割り当てたことを表現する色 */
    --AllocationWork_Full_BackgroundColor: #ffe2d8;
    --AllocationWork_Full_BorderColor:     #f2af97;
    --AllocationWork_Full_TextColor:       #E29578;
    --AllocationWork_Full_TextDarkColor:   #985742;

    /* 勤務の一部を割り当てたことを表現する色 */
    --AllocationWork_Partial_BackgroundColor: #fef3c7;
    --AllocationWork_Partial_BorderColor:     #fbbf24;
    --AllocationWork_Partial_TextColor:       #ae5a26;

    /* 再割当されたことを表現する色 */
    --Reallocated_BackgroundColor: #ede9fe;
    --Reallocated_BorderColor:     #a78bfa;
    --Reallocated_TextColor:       #6b21a8;

    --CompTime_Gradient: 
        radial-gradient(circle at 15% 20%, rgba(129,169,159,.06), transparent 45%),
        radial-gradient(circle at 85% 80%, rgba(226,149,120,.06), transparent 50%),
        #f7f8fb;
    --Overtime_Gradient: 
        radial-gradient(circle at 15% 20%, rgba(226,149,120,.06), transparent 45%),
        radial-gradient(circle at 85% 80%, rgba(129,169,159,.06), transparent 50%),
        #f7f8fb;
    --Default_Gradient: 
        radial-gradient(circle at 15% 20%, rgba(120,170,255,.10), transparent 45%),
        radial-gradient(circle at 85% 80%, rgba(255,170,190,.10), transparent 50%),
        #f7f8fb;
}