/** 다크모드 */
:root{
	/* color-scheme */
	--color-scheme:dark;

	/* tap-highlight-color */
	--highlight-color:rgba(255, 255, 255, 0.1);

	/* box-shadow color */
	--tw-shadow-color:0px -1px 2px 0px hsla(0,0%,100%,.2);

	/* font-color */
	--main-color:#FFFFFF;
	--sub-color1:#C9C9C9;
	--sub-color2:#878787;
	--sub-color3:#D1D1D1;
	--sub-color4:#ADADAD;
	--sub-color5:#676767;
	--sub-color6:#E3E3E3;
	--sub-color7:#878787;
	--sub-color8:#D1D1D1;
	--sub-color9:#FFFFFF;
	--red-color:#FF0000;
	--red-color2:#FF3E3E;
	--holder-color:#828282;
	--user-color:#99C962;
	--green-color1:var(--user-color);
	--character-color:#FFAA68;
	--purple-color:#9A00FF;
	--purple-green-color:#8CE327;

	/* background-color */
	--main-bg-color:#171818;
	--main-bg-color-op9:rgba(23, 24, 24, 0.9);
	--main-bg-color-op8:rgba(23, 24, 24, 0.8);
	--main-bg-color-op7:rgba(23, 24, 24, 0.7);
	--main-bg-color-op6:rgba(23, 24, 24, 0.6);
	--main-bg-color-op5:rgba(23, 24, 24, 0.5);
	--main-bg-color-op4:rgba(23, 24, 24, 0.4);
	--main-bg-color-op3:rgba(23, 24, 24, 0.3);
	--main-bg-color-op2:rgba(23, 24, 24, 0.2);
	--sub-bg-color:#282828;
	--sub-bg-color2:#292929;
	--sub-bg-color3:#353535;
	--sub-bg-color4:#4B4B4B;
	--sub-bg-color5:#202020;
	--sub-bg-color6:#353535;
	--sub-bg-color7:#424242;
	--sub-bg-color8:#4D4D50;
	--sub-bg-color9:#4D4D50;
	--sub-bg-color10:#515151;
	--sub-bg-color11:#373737;
	--sub-bg-color12:#000000;
	--sub-bg-color13:#FFF;
	--sub-bg-color14:rgba(135, 135, 135, 0.5);
	--sub-bg-color15:#282828;
	--sub-bg-color16:#DDD;
	--comment-bg-color:#202020;
	--comment-bg-color-hover:#433F3F;
	--revert-bg-color:#000000;
	--blur-cover-color:rgba(23, 24, 24, 1), rgba(23, 24, 24, 0.4), rgba(23, 24, 24, 0);
	--cover-color1:linear-gradient(90deg, #000 10%, rgba(142, 205, 232, 0.27) 65%, rgba(142, 205, 232, 0.27) 100%);
	--cover-color2:rgba(41, 48, 51, 0.7);
	--swp-nav-color:rgba(255, 255, 255, 0.6);
	--swp-nav-color-alt:rgba(254, 254, 254);
	--swp-nav-color-reverse:rgba(34, 34, 34);
	--btn-common-bg:#292929;
	--btn-bg-hover1:#515A67;
	--bg-c1:#C1C1C1;
	--hashtag-bg:#454646;
	--hover-bg-color:#2F3030;

	--lgu-fill:#FFF;

	/* background images */
	--thumb-holder:url("https://cdn.borichat.kr/bori/thumb_holder_dark.png");

	/* chat */
	--ai-chatbubble-bg:rgba(255, 255, 255, 0.7);

	/* item list colors */
	--prt-item-dim:linear-gradient(180deg, rgba(41, 41, 41, 0), rgba(41, 41, 41, 0.22), rgba(41, 41, 41, 1) 100%);
	--prt-item-bg:#292929;
	--prt-item-line:#373737;
	--prt-item-tmbb:rgba(0, 0, 0, 0.5);
	--prt-item-color1:#878787;
	--prt-item-color2:#6B6A6A;
	--prt-item-color3:#555;
	--prt-item-ft-color1:#ADADAD;

	/* item list tag colors */
	--prt-tag-color1:#A8EF30;
	--prt-tag-bg1:rgba(168, 239, 48, 0.4);
	--prt-tag-color2:#DA57B5;
	--prt-tag-bg2:#BD519E;
	--prt-tag-color3:#DF00FF;
	--prt-tag-bg3:rgba(223, 0, 255, 0.27);

	/* theme-color */
	--theme-color:#14ADEA;
	--theme-color-hover:#1C95C5;
	--theme-color-opacity:rgba(20, 173, 234, 0.2);
	--theme-color-opacity2:rgba(20, 173, 234, 0.4);
	--theme-color-opacity7:rgba(20, 173, 234, 0.7);
	--theme-color-op-fill:var(--theme-color-opacity2);
	--theme-color-thin:#163642;
	--theme-color-hash:#8ECEE8;
	--theme-color-sky:#B7EAFF;
	--theme-color2:#07D85B; /* green */
	--theme-color-liked:#24C1FF;
	--theme-color-dk:#60B1D0;
	--theme-disabled:#1E6B89;

	/* other color */
	--theme-orange:#FF8B3D;
	--theme-orange-hover:#ED7D31;
	--green-gradient:linear-gradient(180deg, #00FF99, #FFF700);

	/* border-color */
	--hd-bd-bottom:#242424;
	--line-color1:#373737;
	--line-color2:#707070;
	--line-color3:#707070;
	--line-color4:#E3E3E3;
	--line-color5:#747474;
	--line-color6:#505050;
	--line-btn-color:#707070;

	--momories-color1:#373737;
	--momories-color2:#373737;
	--momories-color3:#545454;


	/* calendar icon */
	--calendar-icon:url("https://cdn.borichat.kr/bori/icons/ico_calendar_dark.svg");
}


/** 라이트 모드
	* [data-theme-mode="messenger"] : 채팅방 메신저 모드 시 (해당 data 속성이 적용되는 요소에 변수가 적용됨)
*/
:root[color-theme="light"], [data-theme-mode="messenger"]{
	/* color-scheme */
	--color-scheme:light;

	/* tap-highlight-color */
	--highlight-color:rgba(0, 0, 0, 0.05);

	/* box-shadow color */
	--tw-shadow-color:0px 0px 2px 0px hsla(0,0%,0%,.25);

	/* font-color */
	--main-color:#000000;
	--sub-color1:#707070;
	--sub-color2:#A1A1A1;
	--sub-color3:#404040;
	--sub-color4:#626262;
	--sub-color5:#C1C1C1;
	--sub-color6:#878787;
	--sub-color7:#C4C4C4;
	--sub-color8:#373737;
	--sub-color9:#B1B1B1;
	--red-color2:#CB0000;
	--holder-color:#A1A1A1;
	--green-color1:#2CB11D;
	--purple-green-color:var(--purple-color, #9A00FF);

	/* background-color */
	--main-bg-color:#FFFFFF;
	--main-bg-color-op9:rgba(255, 255, 255, 0.9);
	--main-bg-color-op8:rgba(255, 255, 255, 0.8);
	--main-bg-color-op7:rgba(255, 255, 255, 0.7);
	--main-bg-color-op6:rgba(255, 255, 255, 0.6);
	--main-bg-color-op5:rgba(255, 255, 255, 0.5);
	--main-bg-color-op4:rgba(255, 255, 255, 0.4);
	--main-bg-color-op3:rgba(255, 255, 255, 0.3);
	--main-bg-color-op2:rgba(255, 255, 255, 0.2);
	--sub-bg-color:#F6F6F6;
	--sub-bg-color2:#FFFFFF;
	--sub-bg-color3:#F2F2F2;
	--sub-bg-color4:#D7D7D7;
	--sub-bg-color5:#E3E3E3;
	--sub-bg-color6:#FFFFFF;
	--sub-bg-color7:#F1F1F1;
	--sub-bg-color8:#E8E8EC;
	--sub-bg-color9:#E8E8EC;
	--sub-bg-color10:#FFFFFF;
	--sub-bg-color11:#A1A1A1;
	--sub-bg-color12:#F3F3F3;
	--sub-bg-color13:#000000;
	--sub-bg-color14:rgba(191, 190, 190, 0.5);
	--sub-bg-color15:#FCFCFC;
	--sub-bg-color16:#EEE;
	--comment-bg-color:#F1F1F1;
	--comment-bg-color-hover:#DADADA;
	--revert-bg-color:#FFFFFF;
	--blur-cover-color:rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0);
	--cover-color1:linear-gradient(90deg, rgba(203, 211, 215, 1) 20%, rgba(142, 205, 232, 0.27) 65%, rgba(142, 205, 232, 0.27) 100%);
	--cover-color2:rgba(230, 240, 243, 0.7);
	--swp-nav-color:rgba(0, 0, 0, 0.6);
	/* --swp-nav-color-alt:rgba(34, 34, 34);
	--swp-nav-color-reverse:rgba(254, 254, 254); */
	--btn-common-bg:#F1F1F1;
	--btn-bg-hover1:#CDD5E2;
	--hashtag-bg:#F3F3F3;
	--hover-bg-color:#F2F2F2;

	--lgu-fill:#6D6E71;

	/* background images */
	--thumb-holder:url("https://cdn.borichat.kr/bori/thumb_holder_light.png");

	/* chat */
	--ai-chatbubble-bg:rgba(250, 250, 250, 0.7);

	/* item list colors */
	--prt-item-dim:linear-gradient(180deg, rgba(242, 242, 242, 0), rgba(242, 242, 242, 0.22), rgba(242, 242, 242, 1) 100%);
	--prt-item-bg:#F2F2F2;
	--prt-item-line:#E2E2E2;
	--prt-item-tmbb:rgba(238, 250, 255, 0.5);
	--prt-item-color1:#000;
	--prt-item-color2:#E3E3E3;
	--prt-item-color3:#EEE;
	--prt-item-ft-color1:#878787;

	/* item list tag colors */
	--prt-tag-color1:#EF9030;
	--prt-tag-bg1:rgba(239, 144, 48, 0.4);
	--prt-tag-color2:#9544FC;
	--prt-tag-bg2:#AE74FD;

	/* theme-color */
	--theme-color-thin:#D0EFFB;
	--theme-color-hash:#60B1D0;
	--theme-color-op-fill:#EEFAFF;
	--theme-disabled:#89D6F4;

	/* border-color */
	--hd-bd-bottom:#F1F1F1;
	--line-color1:#E1E1E1;
	--line-color3:#373737;
	--line-color4:#4D4D50;
	--line-color5:#5A5A5A;
	--line-color6:#E3E3E3;
	--line-btn-color:#D1D1D1;

	--momories-color1:#EEFAFF;
	--momories-color2:#E3E3E3;
	--momories-color3:#FFF;


	/* calendar icon */
	--calendar-icon:url("https://cdn.borichat.kr/bori/icons/ico_calendar_light.svg");
}