/* 색상 변수 정의 */
:root {
    --background-color: #ffffff;
    --text-color: #000000;
    --intro-color: #555555;
    --solution-color: #999999;
    --start-background: #ffffff;
    --primary-color: #1859EE;
    --secondary-color: #860CFF;
    --accent-color: #007bff;
    --accent-second-color: #860CFF;
    --light-background: #F3F4F6;
    --border-color: #ebebeb;
    --hover-background: #f5f5f5;
    --hover-light: #DDE3F0;
    --hover-start: #DFE9FF;
    --hover-notice: #F3F7FF;
    --stats-background: #F3F4F6;
    --stat-item-background: #ffffff;
    --intro-background: #F9F3FF;
    --notice-category-color: #666666;
    --notice-category-background: #E5E5E5;
    --download-background: #FAFAFA;
    --download-notice-background: #E4EFFF;
    --post-category-color: #666666;
    --feed-category-background: #F9F3FF;
    --feed-nav-background: #ffffff;
    --feed-category-color: #860CFF;
    --main-post-text-color: #333333;
    --main-background: linear-gradient(180deg, rgba(249, 243, 255, 0.976471) 0%, rgba(255, 255, 255, 0.976471) 100%);
    --feed-front: url('../../assets/img/light-card-front.png');
    --feed-back: url('../../assets/img/light-card-back.png');
    --mobile-feed-front: url('../../assets/img/mobile-light-card-front.png');
    --mobile-feed-back: url('../../assets/img/mobile-light-card-back.png');
    --footer-text: #ffffff;
}

/* 다크 모드 색상 */
[data-theme="dark"] { 
    --background-color: #18171C; 
    --text-color: #ffffff;
    --intro-color: #E0E0E0;
    --solution-color: #888888;
    --start-background: #2C2C36;
    --primary-color: #5C87EA;
    --secondary-color: #a64dff;
    --accent-color: #4d94ff;
    --accent-second-color: #8B32E4;
    --light-background: #2C2C36;
    --border-color: #3F3F4F;
    --hover-background: #292929;
    --hover-light: #0C0C10;
    --hover-start: #3F3F4F;
    --hover-notice: #2C2C36;
    --stats-background: #2C2C36;
    --stat-item-background: #18171C;
    --intro-background: #3F225B;
    --notice-category-color: #F4F4F4;
    --notice-category-background: #687082;
    --download-background: #1E1E24;
    --download-notice-background: #38435B;
    --post-category-color: #999999;
    --feed-category-background: #2C2C36;
    --feed-nav-background: #24242E;
    --feed-category-color: #E3C6FF;
    --main-post-text-color: #B2B4BE;
    --main-background: linear-gradient(180deg, rgba(45, 0, 90, 0.976471) 0%, rgba(24, 23, 28, 0) 100%);
    --feed-front: url('../../assets/img/dark-card-front.png');
    --feed-back: url('../../assets/img/dark-card-back.png');
    --mobile-feed-front: url('../../assets/img/mobile-dark-card-front.png');
    --mobile-feed-back: url('../../assets/img/mobile-dark-card-back.png');
    --footer-text: #cccccc;
    --icon-filter: invert(100%);
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	line-height: 1.4;
	box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
    background: var(--background-color);
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	text-decoration: none;
	color: inherit;
}

.cke_chrome {
    box-shadow: none !important;
}

/* 에디터를 통한 작성글 내 요소 예외 처리 */
.feeds.detail .content-box .content-area *, 
.posts.detail .content-box .content-area * {
    all: revert; /* 브라우저의 기본 스타일로 되돌립니다 */
}

.feeds.detail .content-box .content-area a, 
.posts.detail .content-box .content-area a {
    text-decoration: underline;
    color: blue; /* 링크 스타일 조정 */
}

/* 개별 스타일이 필요한 경우 설정 */
.feeds.detail .content-box .content-area ul, 
.feeds.detail .content-box .content-area ol,
.posts.detail .content-box .content-area ul, 
.posts.detail .content-box .content-area ol {
    list-style: revert;
    margin: 1em 0;
}

.feeds.detail .content-box .content-area h1,
.feeds.detail .content-box .content-area h2,
.feeds.detail .content-box .content-area h3,
.feeds.detail .content-box .content-area h4,
.feeds.detail .content-box .content-area h5,
.feeds.detail .content-box .content-area h6,
.feeds.detail .content-box .content-area p,
.posts.detail .content-box .content-area h1,
.posts.detail .content-box .content-area h2,
.posts.detail .content-box .content-area h3,
.posts.detail .content-box .content-area h4,
.posts.detail .content-box .content-area h5,
.posts.detail .content-box .content-area h6,
.posts.detail .content-box .content-area p {
    margin: revert;
    padding: revert;
    line-height: revert;
}

.feeds.detail .content-box img,
.posts.detail .content-box img {
    max-width: 100% !important;
    height: auto !important;
}