/* Belt rings drawn around the portraits: the same images as /css/kaizen.css (lines with "-belt > img"),
   given as the custom property --ring, which beta.css draws in the ring only (Mauro, 27 October 2026). */

.white0-belt > img {
    --ring: url(../img/belts/white0.png);
}

.white1-belt > img {
    --ring: url(../img/belts/white1.png);
}

.white2-belt > img {
    --ring: url(../img/belts/white2.png);
}

.white3-belt > img {
    --ring: url(../img/belts/white3.png);
}

.white4-belt > img {
    --ring: url(../img/belts/white4.png);
}


.graywhite0-belt > img {
    --ring: url(../img/belts/graywhite0.png);
}

.graywhite1-belt > img {
    --ring: url(../img/belts/graywhite1.png);
}

.graywhite2-belt > img {
    --ring: url(../img/belts/graywhite2.png);
}

.graywhite3-belt > img {
    --ring: url(../img/belts/graywhite3.png);
}

.graywhite4-belt > img {
    --ring: url(../img/belts/graywhite4.png);
}


.gray0-belt > img {
    --ring: url(../img/belts/gray0.png);
}

.gray1-belt > img {
    --ring: url(../img/belts/gray1.png);
}

.gray2-belt > img {
    --ring: url(../img/belts/gray2.png);
}

.gray3-belt > img {
    --ring: url(../img/belts/gray3.png);
}

.gray4-belt > img {
    --ring: url(../img/belts/gray4.png);
}

.grayblack0-belt > img {
    --ring: url(../img/belts/grayblack0.png);
}

.grayblack1-belt > img {
    --ring: url(../img/belts/grayblack1.png);
}

.grayblack2-belt > img {
    --ring: url(../img/belts/grayblack2.png);
}

.grayblack3-belt > img {
    --ring: url(../img/belts/grayblack3.png);
}

.grayblack4-belt > img {
    --ring: url(../img/belts/grayblack4.png);
}

/* Kids belts with a white or black line along the middle, for yellow, orange and green
   (generated from the gray-white and gray-black images, recoloured). */

.yellowwhite0-belt > img {
    --ring: url(../img/belts/yellowwhite0.png);
}

.yellowwhite1-belt > img {
    --ring: url(../img/belts/yellowwhite1.png);
}

.yellowwhite2-belt > img {
    --ring: url(../img/belts/yellowwhite2.png);
}

.yellowwhite3-belt > img {
    --ring: url(../img/belts/yellowwhite3.png);
}

.yellowwhite4-belt > img {
    --ring: url(../img/belts/yellowwhite4.png);
}

.yellowblack0-belt > img {
    --ring: url(../img/belts/yellowblack0.png);
}

.yellowblack1-belt > img {
    --ring: url(../img/belts/yellowblack1.png);
}

.yellowblack2-belt > img {
    --ring: url(../img/belts/yellowblack2.png);
}

.yellowblack3-belt > img {
    --ring: url(../img/belts/yellowblack3.png);
}

.yellowblack4-belt > img {
    --ring: url(../img/belts/yellowblack4.png);
}

.orangewhite0-belt > img {
    --ring: url(../img/belts/orangewhite0.png);
}

.orangewhite1-belt > img {
    --ring: url(../img/belts/orangewhite1.png);
}

.orangewhite2-belt > img {
    --ring: url(../img/belts/orangewhite2.png);
}

.orangewhite3-belt > img {
    --ring: url(../img/belts/orangewhite3.png);
}

.orangewhite4-belt > img {
    --ring: url(../img/belts/orangewhite4.png);
}

.orangeblack0-belt > img {
    --ring: url(../img/belts/orangeblack0.png);
}

.orangeblack1-belt > img {
    --ring: url(../img/belts/orangeblack1.png);
}

.orangeblack2-belt > img {
    --ring: url(../img/belts/orangeblack2.png);
}

.orangeblack3-belt > img {
    --ring: url(../img/belts/orangeblack3.png);
}

.orangeblack4-belt > img {
    --ring: url(../img/belts/orangeblack4.png);
}

.greenwhite0-belt > img {
    --ring: url(../img/belts/greenwhite0.png);
}

.greenwhite1-belt > img {
    --ring: url(../img/belts/greenwhite1.png);
}

.greenwhite2-belt > img {
    --ring: url(../img/belts/greenwhite2.png);
}

.greenwhite3-belt > img {
    --ring: url(../img/belts/greenwhite3.png);
}

.greenwhite4-belt > img {
    --ring: url(../img/belts/greenwhite4.png);
}

.greenblack0-belt > img {
    --ring: url(../img/belts/greenblack0.png);
}

.greenblack1-belt > img {
    --ring: url(../img/belts/greenblack1.png);
}

.greenblack2-belt > img {
    --ring: url(../img/belts/greenblack2.png);
}

.greenblack3-belt > img {
    --ring: url(../img/belts/greenblack3.png);
}

.greenblack4-belt > img {
    --ring: url(../img/belts/greenblack4.png);
}

.yellow0-belt > img {
    --ring: url(../img/belts/yellow0.png);
}

.yellow1-belt > img {
    --ring: url(../img/belts/yellow1.png);
}

.yellow2-belt > img {
    --ring: url(../img/belts/yellow2.png);
}

.yellow3-belt > img {
    --ring: url(../img/belts/yellow3.png);
}

.yellow4-belt > img {
    --ring: url(../img/belts/yellow4.png);
}


.orange0-belt > img {
    --ring: url(../img/belts/orange0.png);
}

.orange1-belt > img {
    --ring: url(../img/belts/orange1.png);
}

.orange2-belt > img {
    --ring: url(../img/belts/orange2.png);
}

.orange3-belt > img {
    --ring: url(../img/belts/orange3.png);
}

.orange4-belt > img {
    --ring: url(../img/belts/orange4.png);
}


.green0-belt > img {
    --ring: url(../img/belts/green0.png);
}

.green1-belt > img {
    --ring: url(../img/belts/green1.png);
}

.green2-belt > img {
    --ring: url(../img/belts/green2.png);
}

.green3-belt > img {
    --ring: url(../img/belts/green3.png);
}

.green4-belt > img {
    --ring: url(../img/belts/green4.png);
}




.blue0-belt > img {
    --ring: url(../img/belts/blue0.png);
}

.blue1-belt > img {
    --ring: url(../img/belts/blue1.png);
}

.blue2-belt > img {
    --ring: url(../img/belts/blue2.png);
}

.blue3-belt > img {
    --ring: url(../img/belts/blue3.png);
}

.blue4-belt > img {
    --ring: url(../img/belts/blue4.png);
}



.purple0-belt > img {
    --ring: url(../img/belts/purple0.png);
}

.purple1-belt > img {
    --ring: url(../img/belts/purple1.png);
}

.purple2-belt > img {
    --ring: url(../img/belts/purple2.png);
}

.purple3-belt > img {
    --ring: url(../img/belts/purple3.png);
}

.purple4-belt > img {
    --ring: url(../img/belts/purple4.png);
}



.brown0-belt > img {
    --ring: url(../img/belts/brown0.png);
}

.brown1-belt > img {
    --ring: url(../img/belts/brown1.png);
}

.brown2-belt > img {
    --ring: url(../img/belts/brown2.png);
}

.brown3-belt > img {
    --ring: url(../img/belts/brown3.png);
}

.brown4-belt > img {
    --ring: url(../img/belts/brown4.png);
}


.black0-belt > img {
    --ring: url(../img/belts/black0.png);
}

.black1-belt > img {
    --ring: url(../img/belts/black1.png);
}

.black2-belt > img {
    --ring: url(../img/belts/black2.png);
}

.black3-belt > img {
    --ring: url(../img/belts/black3.png);
}

.black4-belt > img {
    --ring: url(../img/belts/black4.png);
}



.black-belt > img {
    background-color: black;
}

.brown-belt > img {
  background-color:  #5e3525;
}

.purple-belt > img {
  background-color:  purple;
}

.blue-belt > img {
  background-color:  #2e57a5;
}

.green-belt > img {
  background-color:  #4c9900;
}

.orange-belt > img {
  background-color:  #ff8000;
}

.yellow-belt > img {
  background-color:  #ffff00;
}

.white-belt > img {
    background-color: white;
}