/* =========================================================
   CodeNest · 主题变量
   自然、柔和、低饱和的配色，长时间浏览不刺眼
   每套主题写在 html { } 里，由脚本切换 data-theme / class
   ========================================================= */

/* ---------- 主题 1：青苔（默认）自然绿 ---------- */
html {
    --name: 青苔;
    --main_bg_color: linear-gradient(160deg, #f2f6f2 0%, #edf4ef 48%, #f8f5ef 100%);
    --main_text_color: #2c3833;
    --gradient: linear-gradient(120deg, #6b9080, #8fb3a3 45%, #bcd9c8 100%);
    --purple_text_color: #5f8a76;
    --text_bg_color: #ddebe3;
    --item_bg_color: rgba(255, 255, 255, 0.62);
    --item_hover_color: rgba(255, 255, 255, 0.94);
    --item_left_title_color: #2c3833;
    --item_left_text_color: #6d7b74;
    --footer_text_color: #6d7b74;
    --left_tag_item: linear-gradient(120deg, #e3efe8, #eff4e8);
    --border_color: rgba(255, 255, 255, 0.72);
    --shadow: 0 12px 32px -14px rgba(95, 138, 118, 0.26);
    --fill: #5f8a76;
}

/* ---------- 主题 2：暖沙（米杏暖调） ---------- */
html.theme-sand {
    --main_bg_color: linear-gradient(160deg, #fbf7f1 0%, #f6efe5 52%, #fbf5ee 100%);
    --main_text_color: #3a332c;
    --gradient: linear-gradient(120deg, #b08155, #c9a077 45%, #e3c8a8 100%);
    --purple_text_color: #a9784f;
    --text_bg_color: #f1e4d4;
    --item_bg_color: rgba(255, 255, 255, 0.64);
    --item_hover_color: rgba(255, 255, 255, 0.95);
    --item_left_title_color: #3a332c;
    --item_left_text_color: #857463;
    --footer_text_color: #857463;
    --left_tag_item: linear-gradient(120deg, #f4e8d9, #f7efe4);
    --border_color: rgba(255, 255, 255, 0.72);
    --shadow: 0 12px 32px -14px rgba(176, 129, 85, 0.24);
    --fill: #a9784f;
}

/* ---------- 主题 3：海盐（清透蓝灰） ---------- */
html.theme-salt {
    --main_bg_color: linear-gradient(160deg, #f2f6f8 0%, #e9f1f5 52%, #f4f7f9 100%);
    --main_text_color: #2b3640;
    --gradient: linear-gradient(120deg, #4f7fa8, #71a0c4 45%, #a9cbe0 100%);
    --purple_text_color: #4f7fa8;
    --text_bg_color: #dbe8f0;
    --item_bg_color: rgba(255, 255, 255, 0.64);
    --item_hover_color: rgba(255, 255, 255, 0.95);
    --item_left_title_color: #2b3640;
    --item_left_text_color: #64737f;
    --footer_text_color: #64737f;
    --left_tag_item: linear-gradient(120deg, #e1edf4, #edf3f7);
    --border_color: rgba(255, 255, 255, 0.72);
    --shadow: 0 12px 32px -14px rgba(79, 127, 168, 0.24);
    --fill: #4f7fa8;
}

/* ---------- 主题 4：素白（极简） ---------- */
html.theme-mono {
    --main_bg_color: #f6f7f8;
    --main_text_color: #1d2024;
    --gradient: linear-gradient(120deg, #333d47, #5a6673 50%, #333d47);
    --purple_text_color: #333d47;
    --text_bg_color: #e9ecef;
    --item_bg_color: #ffffff;
    --item_hover_color: #f8f9fa;
    --item_left_title_color: #1d2024;
    --item_left_text_color: #6a7078;
    --footer_text_color: #6a7078;
    --left_tag_item: #eef0f2;
    --border_color: #e6e9ec;
    --shadow: 0 10px 28px -16px rgba(29, 32, 36, 0.22);
    --fill: #333d47;
}

/* ---------- 主题 5：暮云（雾紫） ---------- */
html.theme-dusk {
    --main_bg_color: linear-gradient(160deg, #f6f3f8 0%, #f0eaf3 52%, #f7f4f9 100%);
    --main_text_color: #332f3a;
    --gradient: linear-gradient(120deg, #7d6aa8, #9a89bd 45%, #c3b8d8 100%);
    --purple_text_color: #7d6aa8;
    --text_bg_color: #e9e1f0;
    --item_bg_color: rgba(255, 255, 255, 0.64);
    --item_hover_color: rgba(255, 255, 255, 0.95);
    --item_left_title_color: #332f3a;
    --item_left_text_color: #6f6880;
    --footer_text_color: #6f6880;
    --left_tag_item: linear-gradient(120deg, #eae3f0, #f2edf5);
    --border_color: rgba(255, 255, 255, 0.72);
    --shadow: 0 12px 32px -14px rgba(125, 106, 168, 0.24);
    --fill: #7d6aa8;
}

/* ---------- 夜间模式 ---------- */
html[data-theme="Dark"] {
    --name: 夜间;
    --main_bg_color: linear-gradient(160deg, #171a1c 0%, #1c2023 52%, #161a1c 100%);
    --main_text_color: #e9edeb;
    --gradient: linear-gradient(120deg, #7fb39a, #9ec4ae 50%, #7fb39a);
    --purple_text_color: #9ec4ae;
    --text_bg_color: #232a27;
    --item_bg_color: rgba(255, 255, 255, 0.055);
    --item_hover_color: rgba(255, 255, 255, 0.1);
    --item_left_title_color: #ffffff;
    --item_left_text_color: #9aa5a0;
    --footer_text_color: #8b9691;
    --left_tag_item: linear-gradient(120deg, #222a27, #1e2522);
    --border_color: rgba(255, 255, 255, 0.09);
    --shadow: 0 12px 34px -16px rgba(0, 0, 0, 0.75);
    --fill: #9ec4ae;
}