:root {
    --rgba001: #00000003; /* rgba(0,0,0,0.01) */
    --rgba0015: #00000004; /* rgba(0,0,0,0.015) */
    --rgba002: #00000005; /* rgba(0,0,0,0.02) */
    --rgba003: #00000008; /* rgba(0,0,0,0.03) */
    --rgba004: #0000000a; /* rgba(0,0,0,0.04) */
    --rgba005: #0000000d; /* rgba(0,0,0,0.05) */
    --rgba007: #00000012; /* rgba(0,0,0,0.07) */
    --rgba01: #0000001a;  /* rgba(0,0,0,0.1) */
    --rgba015: #00000026; /* rgba(0,0,0,0.15) */
    --rgba02: #00000033;  /* rgba(0,0,0,0.2) */
    --rgba03: #0000004d;  /* rgba(0,0,0,0.3) */
    --rgba04: #00000066;  /* hsla(0,0%,0%,0.4) → rgba(0,0,0,0.4) */
    --rgba05: #00000080;  /* rgba(0,0,0,0.5) */
    --rgba06: #00000099;  /* rgba(0,0,0,0.6) */
    --rgba07: #000000b3;  /* rgba(0,0,0,0.7) */
    --rgba08: #000000cc;  /* rgba(0,0,0,0.8) */
    --rgba09: #000000e6;  /* rgba(0,0,0,0.9) */

    --rgbaw001: #ffffff04;  /* rgba(255,255,255,0.015) */
    --rgbaw0015: #ffffff06; /* rgba(255,255,255,0.025) */
    --rgbaw002: #ffffff0a;  /* rgba(255,255,255,0.04) */
    --rgbaw003: #ffffff0d;  /* rgba(255,255,255,0.05) */
    --rgbaw004: #ffffff0f;  /* rgba(255,255,255,0.06) */
    --rgbaw005: #ffffff12;  /* rgba(255,255,255,0.07) */
    --rgbaw007: #ffffff17;  /* rgba(255,255,255,0.09) */
    --rgbaw01: #ffffff1f;   /* rgba(255,255,255,0.12) */
    --rgbaw015: #ffffff33;  /* rgba(255,255,255,0.2) */
    --rgbaw02: #ffffff4d;   /* rgba(255,255,255,0.3) */
    --rgbaw03: #ffffff66;   /* rgba(255,255,255,0.4) */
    --rgbaw04: #ffffff80;   /* rgba(255,255,255,0.5) */
    --rgbaw05: #ffffff99;   /* rgba(255,255,255,0.6) */
    --rgbaw06: #ffffffb3;   /* rgba(255,255,255,0.7) */
    --rgbaw07: #ffffffcc;   /* rgba(255,255,255,0.8) */
    --rgbaw08: #ffffffe6;   /* rgba(255,255,255,0.9) */
    --rgbaw09: #ffffffff;   /* rgba(255,255,255,1) */
}

body.dark {
    --rgba001: #ffffff04; /* rgba(255,255,255,0.015) */
    --rgba0015: #ffffff06; /* rgba(255,255,255,0.025) */
    --rgba002: #ffffff0a; /* rgba(255,255,255,0.04) */
    --rgba003: #ffffff0d; /* rgba(255,255,255,0.05) */
    --rgba004: #ffffff0f; /* rgba(255,255,255,0.06) */
    --rgba005: #ffffff12; /* rgba(255,255,255,0.07) */
    --rgba007: #ffffff17; /* rgba(255,255,255,0.09) */
    --rgba01: #ffffff1f;  /* rgba(255,255,255,0.12) */
    --rgba015: #ffffff33; /* rgba(255,255,255,0.2) */
    --rgba02: #ffffff4d;  /* rgba(255,255,255,0.3) */
    --rgba03: #ffffff66;  /* rgba(255,255,255,0.4) */
    --rgba04: #ffffff80;  /* rgba(255,255,255,0.5) */
    --rgba05: #ffffff99;  /* rgba(255,255,255,0.6) */
    --rgba06: #ffffffb3;  /* rgba(255,255,255,0.7) */
    --rgba07: #ffffffcc;  /* rgba(255,255,255,0.8) */
    --rgba08: #ffffffe6;  /* rgba(255,255,255,0.9) */
    --rgba09: #ffffffff;  /* rgba(255,255,255,1) */

    --rgbaw001: #00000003;  /* rgba(0,0,0,0.01) */
    --rgbaw0015: #00000004; /* rgba(0,0,0,0.015) */
    --rgbaw002: #00000005;  /* rgba(0,0,0,0.02) */
    --rgbaw003: #00000008;  /* rgba(0,0,0,0.03) */
    --rgbaw004: #0000000a;  /* rgba(0,0,0,0.04) */
    --rgbaw005: #0000000d;  /* rgba(0,0,0,0.05) */
    --rgbaw007: #00000012;  /* rgba(0,0,0,0.07) */
    --rgbaw01: #0000001a;   /* rgba(0,0,0,0.1) */
    --rgbaw015: #00000026;  /* rgba(0,0,0,0.15) */
    --rgbaw02: #00000033;   /* rgba(0,0,0,0.2) */
    --rgbaw03: #0000004d;   /* rgba(0,0,0,0.3) */
    --rgbaw04: #00000066;   /* hsla(0,0%,0%,0.4) → rgba(0,0,0,0.4) */
    --rgbaw05: #00000080;   /* rgba(0,0,0,0.5) */
    --rgbaw06: #00000099;   /* rgba(0,0,0,0.6) */
    --rgbaw07: #000000b3;   /* rgba(0,0,0,0.7) */
    --rgbaw08: #000000cc;   /* rgba(0,0,0,0.8) */
    --rgbaw09: #000000e6;   /* rgba(0,0,0,0.9) */
}


.category_color0 {
	color: rgb(3 105 161); /* 파란색 */
    background-color: rgb(224 242 254);
}
.category_color1 {
	color: rgb(4 120 87); /* 녹색 */
    background-color: rgb(209 250 229);
}
.category_color2 {
	color: rgb(190 24 93); /* 핑크색 */
    background-color: rgb(252 231 243);
}
.category_color3 {
	color: rgb(161 98 7); /* 겨자색 */
    background-color: rgb(254 249 195);
}
.category_color4 {
	color: rgb(126 34 206); /* 진보라색 */
    background-color: rgb(243 232 255);
}
.category_color5 {
	color: rgb(194 65 12); /* 청록색 */
    background-color: rgb(255 237 213);
}
.category_color6 {
	color: rgb(67 56 202); /* 연보라색 */
    background-color: rgb(224 231 255);
}
.category_color7 {
	color: rgb(162 28 175); /* 연보라색 */
    background-color: rgb(250 232 255);
}

/* 티어 색상 클래스 */
.tier-bronze {
    color: #CD7F32;
}
.tier-silver {
    color: #C0C0C0;
}
.tier-gold {
    color: #FFD700;
}

/* 다크모드 티어 색상 */
body.dark .tier-bronze {
    color: #E49B5A;
}
body.dark .tier-silver {
    color: #E8E8E8;
}
body.dark .tier-gold {
    color: #FFFF99;
}