/* ?뚮쭏 ?ㅼ젙 - ?붿퓼 ?ㅽ????됱긽 ?곸슜 */
[data-theme="light"] {
    --bg-body: #f3f5f7;
    --bg-card: #ffffff;
    --bg-header: #ffffff;
    --bg-hover: #edf1f5;
    --border-color: #d5dde5;
    --border-highlight: #8a9dad;
    --accent-color: #286b99;
    --text-main: #25313c;
    --text-muted: #62707e;
    --bg-main: #f3f5f7;
    --bg-content: #ffffff;
    --bg-sidebar: #f8f9fb;
    --color-text: #25313c;
    --color-text-secondary: #62707e;
    --color-border: #d5dde5;
    --color-header: #ffffff;
    --color-header-shadow: rgba(0, 0, 0, 0.06);
    --color-accent: #286b99;
    --color-link: #23658f;
    --color-link-hover: #174b70;
    --color-card-hover: #edf1f5;
    --color-section-header: #edf1f5;
    --color-button-bg: #edf1f5;
    --color-button-hover: #e7eff6;
    --color-dot-bg: #d5dde5;
    --color-dot-active: #286b99;
    --color-dot-new: #c64d5b;
    --color-section-header-text: #25313c;
    --color-select-text: #25313c;
    --color-select-bg: #ffffff;
    --color-select-border: #d5dde5;
    --color-category-box-bg: #286b99;
    --color-category-box-text: #ffffff;
    --accent-purple: #286b99;
    --accent-blue: var(--color-link);
    --accent-green: #28794b;
    --accent-hover: #20577c;
    --accent-soft: #e7eff6;
    --accent-soft-text: #215b82;
    --card-shadow: 0 1px 3px rgba(30, 45, 60, 0.07);
}

:root:not([data-theme]), [data-theme="dark"] {
    --bg-body: #191d22;
    --bg-card: #242a31;
    --bg-header: #21262d;
    --bg-hover: #313a44;
    --border-color: #3b4651;
    --border-highlight: #718598;
    --accent-color: #356f9d;
    --text-main: #e8edf2;
    --text-muted: #adb8c4;
    --bg-main: #191d22;
    --bg-content: #242a31;
    --bg-sidebar: #1c2127;
    --color-text: #e8edf2;
    --color-text-secondary: #adb8c4;
    --color-border: #3b4651;
    --color-header: #21262d;
    --color-header-shadow: rgba(0, 0, 0, 0.06);
    --color-accent: #356f9d;
    --color-link: #88bce4;
    --color-link-hover: #b0d5f0;
    --color-card-hover: #313a44;
    --color-section-header: #313a44;
    --color-button-bg: #313a44;
    --color-button-hover: #293e50;
    --color-dot-bg: #3b4651;
    --color-dot-active: #356f9d;
    --color-dot-new: #c64d5b;
    --color-section-header-text: #e8edf2;
    --color-select-text: #e8edf2;
    --color-select-bg: #242a31;
    --color-select-border: #3b4651;
    --color-category-box-bg: #356f9d;
    --color-category-box-text: #ffffff;
    --accent-purple: #356f9d;
    --accent-blue: var(--color-link);
    --accent-green: #64ba85;
    --accent-hover: #2c6089;
    --accent-soft: #293e50;
    --accent-soft-text: #b0d5f0;
    --card-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}

[data-theme="dim"] {
    --bg-body: #252a2f;
    --bg-card: #30363c;
    --bg-header: #2c3238;
    --bg-hover: #3b434b;
    --border-color: #49545e;
    --border-highlight: #7d909f;
    --accent-color: #386e96;
    --text-main: #e0e6ec;
    --text-muted: #afbbc5;
    --bg-main: #252a2f;
    --bg-content: #30363c;
    --bg-sidebar: #292f35;
    --color-text: #e0e6ec;
    --color-text-secondary: #afbbc5;
    --color-border: #49545e;
    --color-header: #2c3238;
    --color-header-shadow: rgba(0, 0, 0, 0.06);
    --color-accent: #386e96;
    --color-link: #91bedf;
    --color-link-hover: #bbd9ee;
    --color-card-hover: #3b434b;
    --color-section-header: #3b434b;
    --color-button-bg: #3b434b;
    --color-button-hover: #344857;
    --color-dot-bg: #49545e;
    --color-dot-active: #386e96;
    --color-dot-new: #c64d5b;
    --color-section-header-text: #e0e6ec;
    --color-select-text: #e0e6ec;
    --color-select-bg: #30363c;
    --color-select-border: #49545e;
    --color-category-box-bg: #386e96;
    --color-category-box-text: #ffffff;
    --accent-purple: #386e96;
    --accent-blue: var(--color-link);
    --accent-green: #75c591;
    --accent-hover: #2f5e82;
    --accent-soft: #344857;
    --accent-soft-text: #bbd9ee;
    --card-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}

[data-theme="nord"] {
    --bg-body: #2e3440;
    --bg-card: #3b4252;
    --bg-header: #353d4b;
    --bg-hover: #434c5e;
    --border-color: #536074;
    --border-highlight: #8babb8;
    --accent-color: #456e86;
    --text-main: #eceff4;
    --text-muted: #c0cad7;
    --bg-main: #2e3440;
    --bg-content: #3b4252;
    --bg-sidebar: #303744;
    --color-text: #eceff4;
    --color-text-secondary: #c0cad7;
    --color-border: #536074;
    --color-header: #353d4b;
    --color-header-shadow: rgba(0, 0, 0, 0.06);
    --color-accent: #456e86;
    --color-link: #a0ccd9;
    --color-link-hover: #c2e1e9;
    --color-card-hover: #434c5e;
    --color-section-header: #434c5e;
    --color-button-bg: #434c5e;
    --color-button-hover: #3d5262;
    --color-dot-bg: #536074;
    --color-dot-active: #456e86;
    --color-dot-new: #c64d5b;
    --color-section-header-text: #eceff4;
    --color-select-text: #eceff4;
    --color-select-bg: #3b4252;
    --color-select-border: #536074;
    --color-category-box-bg: #456e86;
    --color-category-box-text: #ffffff;
    --accent-purple: #456e86;
    --accent-blue: var(--color-link);
    --accent-green: #a3be8c;
    --accent-hover: #395e74;
    --accent-soft: #3d5262;
    --accent-soft-text: #c2e1e9;
    --card-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}

[data-theme="aqua"] {
    --bg-body: #f0f6f5;
    --bg-card: #fbfdfc;
    --bg-header: #f7fbfa;
    --bg-hover: #e1eeea;
    --border-color: #c5d9d3;
    --border-highlight: #739a8e;
    --accent-color: #287969;
    --text-main: #28483f;
    --text-muted: #577268;
    --bg-main: #f0f6f5;
    --bg-content: #fbfdfc;
    --bg-sidebar: #edf4f2;
    --color-text: #28483f;
    --color-text-secondary: #577268;
    --color-border: #c5d9d3;
    --color-header: #f7fbfa;
    --color-header-shadow: rgba(0, 0, 0, 0.06);
    --color-accent: #287969;
    --color-link: #226d60;
    --color-link-hover: #184e45;
    --color-card-hover: #e1eeea;
    --color-section-header: #e1eeea;
    --color-button-bg: #e1eeea;
    --color-button-hover: #dcece6;
    --color-dot-bg: #c5d9d3;
    --color-dot-active: #287969;
    --color-dot-new: #c64d5b;
    --color-section-header-text: #28483f;
    --color-select-text: #28483f;
    --color-select-bg: #fbfdfc;
    --color-select-border: #c5d9d3;
    --color-category-box-bg: #287969;
    --color-category-box-text: #ffffff;
    --accent-purple: #287969;
    --accent-blue: var(--color-link);
    --accent-green: #28794b;
    --accent-hover: #206154;
    --accent-soft: #dcece6;
    --accent-soft-text: #205f52;
    --card-shadow: 0 1px 3px rgba(35, 70, 55, 0.07);
}

[data-theme="sepia"] {
    --bg-body: #f5f3ef;
    --bg-card: #fffefa;
    --bg-header: #faf8f3;
    --bg-hover: #ece8df;
    --border-color: #d8d1c4;
    --border-highlight: #a3957c;
    --accent-color: #80633e;
    --text-main: #494337;
    --text-muted: #756a59;
    --bg-main: #f5f3ef;
    --bg-content: #fffefa;
    --bg-sidebar: #f3f0e9;
    --color-text: #494337;
    --color-text-secondary: #756a59;
    --color-border: #d8d1c4;
    --color-header: #faf8f3;
    --color-header-shadow: rgba(0, 0, 0, 0.06);
    --color-accent: #80633e;
    --color-link: #765832;
    --color-link-hover: #574025;
    --color-card-hover: #ece8df;
    --color-section-header: #ece8df;
    --color-button-bg: #ece8df;
    --color-button-hover: #eee5d7;
    --color-dot-bg: #d8d1c4;
    --color-dot-active: #80633e;
    --color-dot-new: #c64d5b;
    --color-section-header-text: #494337;
    --color-select-text: #494337;
    --color-select-bg: #fffefa;
    --color-select-border: #d8d1c4;
    --color-category-box-bg: #80633e;
    --color-category-box-text: #ffffff;
    --accent-purple: #80633e;
    --accent-blue: var(--color-link);
    --accent-green: #527243;
    --accent-hover: #684f31;
    --accent-soft: #eee5d7;
    --accent-soft-text: #70532f;
    --card-shadow: 0 1px 3px rgba(70, 55, 35, 0.07);
}

/* ?뚮쭏蹂??좉? 踰꾪듉 ?몃쾭 ?④낵 */
[data-theme="dark"] .sidebar-section .toggle-btn:hover {
    color: #ffffff;
}

[data-theme="aqua"] .sidebar-section .toggle-btn:hover {
    color: #ffffff;
}

[data-theme="sepia"] .sidebar-section .toggle-btn:hover {
    color: #ffffff;
}

/* ?뚮쭏蹂??뱀뀡 ?ㅻ뜑 ?몃쾭 ?④낵 */
[data-theme="dark"] .sidebar-section .section-header:hover {
    background-color: #6272a4;
}

[data-theme="aqua"] .sidebar-section .section-header:hover {
    background-color: #205c6e;
}

[data-theme="sepia"] .sidebar-section .section-header:hover {
    background-color: #6d4e34;
}

/* ?ъ씠?쒕컮 ?ㅽ겕濡ㅻ컮 ?뚮쭏蹂??ㅽ???*/
[data-theme="dark"] .sidebar::-webkit-scrollbar-thumb {
    background-color: #6272a4;
}

[data-theme="aqua"] .sidebar::-webkit-scrollbar-thumb {
    background-color: #3a7b8c;
}

[data-theme="sepia"] .sidebar::-webkit-scrollbar-thumb {
    background-color: #8a6343;
}

/* ?ㅽ겕 紐⑤뱶 ?뚯씠釉???援щ텇??媛쒖꽑 */
[data-theme="dark"] .table-row {
    border-bottom-color: #44475a;
}

[data-theme="dark"] .table-header {
    border-bottom-color: #44475a;
}

[data-theme="dark"] .table-row:hover {
    background-color: #383a59;
}

/* ?ㅽ겕 紐⑤뱶 ???쒕룞 ?ㅽ???*/
[data-theme="dark"] .my-activity li {
    border-color: #44475a;
}

[data-theme="dark"] .my-activity a {
    color: #f8f8f2;
}

[data-theme="dark"] .my-activity a:hover {
    color: #8be9fd;
}

[data-theme="dark"] .activity-info {
    color: #bfbfbf;
}

[data-theme="dark"] .dot {
    background-color: #44475a;
}

[data-theme="dark"] .dot.has-comment {
    background-color: #6272a4;
}

[data-theme="dark"] .dot.new-comment {
    background-color: #ff79c6;
}

/* Aqua ?뚮쭏 異붽? 媛쒖꽑 */
[data-theme="aqua"] .sidebar-section .section-header {
    background-color: var(--color-section-header);
    color: var(--color-section-header-text);
}

[data-theme="aqua"] .sidebar-section {
    border-color: var(--color-border);
}

[data-theme="aqua"] .my-activity li {
    border-color: var(--color-border);
}

[data-theme="aqua"] .my-activity a:hover {
    color: var(--color-link-hover);
}

/* Sepia ?뚮쭏 異붽? 媛쒖꽑 */
[data-theme="sepia"] .sidebar-section .section-header {
    background-color: var(--color-section-header);
    color: var(--color-section-header-text);
}

[data-theme="sepia"] .sidebar-section {
    border-color: var(--color-border);
}

[data-theme="sepia"] .my-activity li {
    border-color: var(--color-border);
}

[data-theme="sepia"] .my-activity a:hover {
    color: var(--color-link-hover);
}

/* ?뚮쭏蹂??뱀뀡 ?ㅽ????쇨????좎? */
[data-theme="dark"] section {
    border-color: var(--color-border);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

[data-theme="dark"] section h2 {
    border-color: var(--color-border);
}

[data-theme="aqua"] section {
    border-color: var(--color-border);
}

[data-theme="aqua"] section h2 {
    border-color: var(--color-border);
}

[data-theme="sepia"] section {
    border-color: var(--color-border);
}

[data-theme="sepia"] section h2 {
    border-color: var(--color-border);
}

/* ?ㅽ겕 紐⑤뱶?먯꽌 ?쒕룞 ?댁슜 而⑦뀒?대꼫 ?ㅽ???*/
[data-theme="dark"] .activity-content {
    color: var(--color-text);
}

[data-theme="dark"] .activity-text {
    color: var(--color-text);
}

/* ?ㅽ겕 紐⑤뱶 ?댄똻 ?ㅽ???*/
[data-theme="dark"] .dot-tooltip {
    background-color: #282a36;
    border-color: #44475a;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

/* ?ㅽ겕 紐⑤뱶?먯꽌??紐⑤컮??硫붾돱 ?ㅽ???*/
[data-theme="dark"] .mobile-menu-btn {
    color: var(--color-text);
}

[data-theme="dark"] .mobile-menu-btn:hover {
    color: var(--color-accent);
}

[data-theme="dark"] .sidebar {
    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.3);
}

/* ?꾩퓼??紐⑤뱶?먯꽌??紐⑤컮??硫붾돱 ?ㅽ???*/
[data-theme="aqua"] .mobile-menu-btn:hover {
    color: var(--color-accent);
}

/* ?명뵾??紐⑤뱶?먯꽌??紐⑤컮??硫붾돱 ?ㅽ???*/
[data-theme="sepia"] .mobile-menu-btn:hover {
    color: var(--color-accent);
}

/* ?ㅽ겕 紐⑤뱶 ?ㅼ썙???대씪?곕뱶 */
[data-theme="dark"] .keyword-tag {
    background-color: var(--bg-sidebar);
    color: var(--color-text);
    border-color: var(--color-border);
}

[data-theme="dark"] .keyword-tag:hover {
    background-color: var(--color-accent);
    color: white;
    border-color: var(--color-accent);
}

/* ?ㅽ겕 紐⑤뱶 移댄뀒怨좊━ */
[data-theme="dark"] .category-title {
    border-color: var(--color-border);
}

[data-theme="dark"] .post-tab {
    background-color: var(--bg-sidebar);
    border-color: var(--color-border);
}

[data-theme="dark"] .post-tab.active {
    background-color: var(--color-accent);
    border-color: var(--color-accent);
}

/* ?꾩퓼??紐⑤뱶 ?ㅽ???*/
[data-theme="aqua"] .keyword-tag:hover {
    background-color: var(--color-accent);
    color: white;
}

[data-theme="aqua"] .category-item:hover {
    color: var(--color-accent);
}

/* ?명뵾??紐⑤뱶 ?ㅽ???*/
[data-theme="sepia"] .keyword-tag:hover {
    background-color: var(--color-accent);
    color: white;
}

[data-theme="sepia"] .category-item:hover {
    color: var(--color-accent);
}

/* ?ㅽ겕 紐⑤뱶?먯꽌???⑥텞???ㅽ???*/
[data-theme="dark"] .shortcut-key {
    background-color: var(--bg-sidebar);
    color: var(--color-text-secondary);
}

/* ?꾩퓼??紐⑤뱶?먯꽌???⑥텞???ㅽ???*/
[data-theme="aqua"] .shortcut-key {
    background-color: var(--bg-sidebar);
    color: var(--color-text-secondary);
}

/* ?명뵾??紐⑤뱶?먯꽌???⑥텞???ㅽ???*/
[data-theme="sepia"] .shortcut-key {
    background-color: var(--bg-sidebar);
    color: var(--color-text-secondary);
}

/* ?명꽣 ?뚮쭏 ?ㅽ???*/
[data-theme="dark"] footer {
    background-color: var(--color-header);
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .footer-links a {
    color: rgba(248, 248, 242, 0.8);
}

[data-theme="dark"] .copyright {
    color: rgba(248, 248, 242, 0.6);
}

[data-theme="dark"] .footer-links a:hover {
    color: rgba(248, 248, 242, 1);
}

[data-theme="aqua"] footer {
    background-color: var(--color-header);
}

[data-theme="aqua"] .footer-links a {
    color: rgba(255, 255, 255, 0.8);
}

[data-theme="aqua"] .copyright {
    color: rgba(255, 255, 255, 0.6);
}

[data-theme="sepia"] footer {
    background-color: var(--color-header);
}

[data-theme="sepia"] .footer-links a {
    color: rgba(255, 255, 255, 0.8);
}

[data-theme="sepia"] .copyright {
    color: rgba(255, 255, 255, 0.6);
}

/* ?ㅽ겕 紐⑤뱶?먯꽌???뱀뀡 ?€?댄? ?ㅽ???*/
[data-theme="dark"] .section-title {
    color: #e0e0e0;
    border-bottom-color: #444;
}

[data-theme="dark"] .section-title:hover {
    color: #4dabf7;
}

[data-theme="dark"] .section-title::after {
    background-color: #4dabf7;
}