/* =====================================================
   扩展主题包（编辑器风配色 34 套）
   依赖：admin-theme.css 的变量体系。本文件做三件事：
   1) 共享派生规则：34 个新主题的框架派生色统一由 color-mix()
      从各主题的基色（accent/navbar-text/menu-text）计算，
      保证同主题色感一致，无需逐个手调；
   2) 各主题基色块：accent / 页面背景 / 顶栏 / 侧边栏 /
      菜单文字三级 / 强调色上的文字色(on-accent，亮色强调配深字)；
   3) 内容区派生（按 data-mode=light|dark 分流，由 theme-switcher.js
      同步设置）：深色主题内容区整体深色化（卡片/表格/表单/弹窗/
      下拉与页面同色系，低对比融入），浅色主题内容区保持浅色。
   ===================================================== */

/* ===== 共享派生规则（仅作用于下列 33 个新主题） ===== */
[data-theme="ayu-light"],[data-theme="cadmium-light"],[data-theme="catppuccin-latte"],
[data-theme="everforest-light"],[data-theme="fanren"],[data-theme="graphite-light"],
[data-theme="gruvbox-light"],[data-theme="rose-pine-dawn"],[data-theme="solarized-light"],
[data-theme="tokyo-night-light"],[data-theme="ulysses-light"],
[data-theme="ayu-dark"],[data-theme="ayu-mirage"],[data-theme="cadmium-dark"],
[data-theme="catppuccin-mocha"],[data-theme="cyberdream"],[data-theme="dracula"],
[data-theme="everforest-dark"],[data-theme="fanren"],[data-theme="gruvbox-dark"],[data-theme="horizon-dark"],
[data-theme="kanagawa"],[data-theme="material-dark"],[data-theme="monokai-pro"],
[data-theme="nightfox"],[data-theme="nord"],[data-theme="one-dark"],
[data-theme="oxocarbon-dark"],[data-theme="pale-night"],[data-theme="rose-pine"],
[data-theme="rose-pine-moon"],[data-theme="solarized-dark"],[data-theme="synthwave-84"],
[data-theme="tokyo-night"],[data-theme="tokyo-night-storm"] {
    --t-accent-hover: color-mix(in srgb, var(--t-accent) 82%, #17181d);
    --t-accent-ring: color-mix(in srgb, var(--t-accent) 20%, transparent);
    --t-card-border: color-mix(in srgb, var(--t-accent) 14%, #e6eaf1);
    --t-table-head-bg: color-mix(in srgb, var(--t-accent) 5%, #f8fafc);
    --t-row-hover: color-mix(in srgb, var(--t-accent) 7%, #ffffff);
    --t-input-border: color-mix(in srgb, var(--t-accent) 20%, #d3dae3);
    --t-navbar-border: color-mix(in srgb, var(--t-navbar-text) 14%, transparent);
    --t-btn-text: var(--t-navbar-text);
    --t-btn-border: color-mix(in srgb, var(--t-navbar-text) 34%, transparent);
    --t-btn-hover-bg: color-mix(in srgb, var(--t-navbar-text) 12%, transparent);
    --t-sidebar-border: color-mix(in srgb, var(--t-navbar-text) 12%, transparent);
    --t-sidebar-title: var(--t-navbar-text);
    --t-menu-item-border: color-mix(in srgb, var(--t-navbar-text) 7%, transparent);
    --t-menu-hover-bg: color-mix(in srgb, var(--t-navbar-text) 8%, transparent);
    --t-menu-hover-text: var(--t-navbar-text);
    --t-menu-active-bg: color-mix(in srgb, var(--t-accent) 26%, transparent);
    --t-menu-active-text: var(--t-navbar-text);
    --t-menu-active-bar: var(--t-accent);
    --t-menu-sub-bg: color-mix(in srgb, var(--t-navbar-text) 3%, transparent);
    --t-menu-sub-border: color-mix(in srgb, var(--t-navbar-text) 18%, transparent);
    --t-menu-sub3-bg: color-mix(in srgb, var(--t-menu-text) 20%, transparent);
    --auth-panel-bg: var(--t-sidebar-bg);
    --auth-panel-grid: color-mix(in srgb, var(--t-navbar-text) 6%, transparent);
    --auth-panel-name: var(--t-navbar-text);
    --auth-panel-desc: var(--t-menu-text);
    --auth-panel-title: var(--t-navbar-text);
    --auth-panel-item: var(--t-menu-text);
    --auth-panel-item-icon: var(--t-accent);
    --auth-panel-foot: var(--t-menu-sub3-text);
}

/* ===== 内容区派生（浅色模式）：白卡片 + 按主题轻染色 ===== */
/* 系统主题的 --t-card-border/--t-table-head-bg/--t-row-hover 在 admin-theme.css 手写，此处引用即可统一 */
html[data-mode="light"] {
    --t-content-bg: #ffffff;
    --t-content-bg-soft: var(--t-table-head-bg, #f8fafc);
    --t-content-bg-hover: var(--t-row-hover, #f2f7ff);
    --t-content-border: var(--t-card-border, #e6eaf1);
    --t-content-text: #24303f;
    --t-content-text-muted: #5c6a7c;
    --t-input-bg: #ffffff;
    --t-link: var(--t-accent-hover, var(--t-accent));
    --t-shadow: rgba(15, 23, 42, .07);
    --t-shadow-lg: rgba(15, 23, 42, .14);
    --t-scroll-thumb: #c4ccd8;
    --t-scroll-thumb-hover: #a8b3c2;
    --t-success-text: #0f5132;
    --t-success-bg: #d1e7dd;
    --t-success-border: #a3cfbb;
    --t-danger-text: #842029;
    --t-danger-bg: #f8d7da;
    --t-danger-border: #f1aeb5;
    --t-warning-text: #664d03;
    --t-warning-bg: #fff3cd;
    --t-warning-border: #ffe69c;
    --t-info-text: #055160;
    --t-info-bg: #cff4fc;
    --t-info-border: #9eeaf9;
}

/* ===== 内容区派生（深色模式）：内容区整体深色化，与页面同色系 ===== */
/* 全部由各主题 page-bg / navbar-text 派生，24 套深色主题一段规则全覆盖 */
html[data-mode="dark"] {
    --t-content-bg: color-mix(in srgb, var(--t-page-bg) 84%, #ffffff);
    /* hover 方向镜像：浅色模式向黑压暗，深色模式必须向白提亮（深底上压暗的 accent 不可读） */
    --t-accent-hover: color-mix(in srgb, var(--t-accent) 78%, #ffffff);
    --t-content-bg-soft: color-mix(in srgb, var(--t-page-bg) 92%, #ffffff);
    --t-content-bg-hover: color-mix(in srgb, var(--t-page-bg) 88%, #ffffff);
    --t-content-border: color-mix(in srgb, var(--t-navbar-text) 15%, transparent);
    --t-content-text: var(--t-navbar-text);
    --t-content-text-muted: color-mix(in srgb, var(--t-navbar-text) 60%, var(--t-page-bg));
    --t-input-bg: color-mix(in srgb, var(--t-page-bg) 76%, #ffffff);
    /* 链接色：accent 混白提亮一档（dracula 等饱和紫在深底上原色仅 ~4:1，正文链接需 ≥4.5:1） */
    --t-link: color-mix(in srgb, var(--t-accent) 82%, #ffffff);
    --t-shadow: rgba(0, 0, 0, .32);
    --t-shadow-lg: rgba(0, 0, 0, .5);
    --t-scroll-thumb: color-mix(in srgb, var(--t-navbar-text) 20%, transparent);
    --t-scroll-thumb-hover: color-mix(in srgb, var(--t-navbar-text) 34%, transparent);
    /* 框架类派生色改挂深色内容体系（覆盖上方浅色假设的共享派生） */
    --t-card-border: var(--t-content-border);
    --t-table-head-bg: var(--t-content-bg-soft);
    --t-row-hover: var(--t-content-bg-hover);
    --t-input-border: color-mix(in srgb, var(--t-navbar-text) 26%, transparent);
    --t-navbar-border: var(--t-content-border);
    --t-btn-text: var(--t-navbar-text);
    --t-btn-border: color-mix(in srgb, var(--t-navbar-text) 34%, transparent);
    --t-btn-hover-bg: color-mix(in srgb, var(--t-navbar-text) 12%, transparent);
    /* 状态色：深底浅字、半透明彩底 */
    --t-success-text: color-mix(in srgb, #4ade80 72%, #ffffff);
    --t-success-bg: color-mix(in srgb, #22c55e 16%, var(--t-content-bg));
    --t-success-border: color-mix(in srgb, #22c55e 38%, transparent);
    --t-danger-text: color-mix(in srgb, #f87171 78%, #ffffff);
    --t-danger-bg: color-mix(in srgb, #ef4444 16%, var(--t-content-bg));
    --t-danger-border: color-mix(in srgb, #ef4444 38%, transparent);
    --t-warning-text: color-mix(in srgb, #fbbf24 82%, #ffffff);
    --t-warning-bg: color-mix(in srgb, #f59e0b 16%, var(--t-content-bg));
    --t-warning-border: color-mix(in srgb, #f59e0b 38%, transparent);
    --t-info-text: color-mix(in srgb, #38bdf8 78%, #ffffff);
    --t-info-bg: color-mix(in srgb, #0ea5e9 16%, var(--t-content-bg));
    --t-info-border: color-mix(in srgb, #0ea5e9 38%, transparent);
}

/* ===== 浅色主题 ===== */

[data-theme="ayu-light"] {
    --t-accent: #399ee6;
    --t-on-accent: #101318;
    --t-page-bg: #fafafa;
    --t-navbar-bg: #ffffff;
    --t-navbar-shadow: none;
    --t-navbar-text: #575c63;
    --t-sidebar-bg: #f6f6f5;
    --t-sidebar-header-bg: #efefed;
    --t-menu-text: #6b7179;
    --t-menu-sub-text: #6b7178;
    --t-menu-sub3-text: #797d82;
}

[data-theme="cadmium-light"] {
    --t-accent: #b7791f;
    --t-on-accent: #fff8ea;
    --t-page-bg: #faf8f4;
    --t-navbar-bg: #ffffff;
    --t-navbar-shadow: none;
    --t-navbar-text: #44403c;
    --t-sidebar-bg: #f4f1ea;
    --t-sidebar-header-bg: #ebe7dd;
    --t-menu-text: #6d665b;
    --t-menu-sub-text: #736d62;
    --t-menu-sub3-text: #7f796f;
}

[data-theme="catppuccin-latte"] {
    --t-accent: #1e66f5;
    --t-on-accent: #ffffff;
    --t-page-bg: #eff1f5;
    --t-navbar-bg: #ffffff;
    --t-navbar-shadow: none;
    --t-navbar-text: #4c4f69;
    --t-sidebar-bg: #e6e9ef;
    --t-sidebar-header-bg: #dde0e9;
    --t-menu-text: #65687c;
    --t-menu-sub-text: #666876;
    --t-menu-sub3-text: #727481;
}

[data-theme="everforest-light"] {
    --t-accent: #8da101;
    --t-on-accent: #101318;
    --t-page-bg: #fdf6e3;
    --t-navbar-bg: #ffffff;
    --t-navbar-shadow: none;
    --t-navbar-text: #4e5a60;
    --t-sidebar-bg: #f3ecd7;
    --t-sidebar-header-bg: #e9e1c6;
    --t-menu-text: #616e66;
    --t-menu-sub-text: #656d63;
    --t-menu-sub3-text: #72796d;
}

[data-theme="graphite-light"] {
    --t-accent: #2e2e34;
    --t-on-accent: #ffffff;
    --t-page-bg: #f4f4f5;
    --t-navbar-bg: #ffffff;
    --t-navbar-shadow: none;
    --t-navbar-text: #1f1f23;
    --t-sidebar-bg: #edecee;
    --t-sidebar-header-bg: #e3e3e5;
    --t-menu-text: #55555e;
    --t-menu-sub-text: #6a6a72;
    --t-menu-sub3-text: #76767c;
}

[data-theme="gruvbox-light"] {
    --t-accent: #d65d0e;
    --t-on-accent: #101318;
    --t-page-bg: #fbf1c7;
    --t-navbar-bg: #ffffff;
    --t-navbar-shadow: none;
    --t-navbar-text: #3c3836;
    --t-sidebar-bg: #f2e5bc;
    --t-sidebar-header-bg: #e8daae;
    --t-menu-text: #6d6455;
    --t-menu-sub-text: #706553;
    --t-menu-sub3-text: #7a725c;
}

[data-theme="rose-pine-dawn"] {
    --t-accent: #907aa9;
    --t-on-accent: #101318;
    --t-page-bg: #faf4ed;
    --t-navbar-bg: #ffffff;
    --t-navbar-shadow: none;
    --t-navbar-text: #575279;
    --t-sidebar-bg: #f2e8db;
    --t-sidebar-header-bg: #eadecb;
    --t-menu-text: #6c6680;
    --t-menu-sub-text: #6f6865;
    --t-menu-sub3-text: #7b7370;
}

[data-theme="solarized-light"] {
    --t-accent: #268bd2;
    --t-on-accent: #101318;
    --t-page-bg: #fdf6e3;
    --t-navbar-bg: #ffffff;
    --t-navbar-shadow: none;
    --t-navbar-text: #073642;
    --t-sidebar-bg: #f2ebd7;
    --t-sidebar-header-bg: #e8e0c8;
    --t-menu-text: #5a6d75;
    --t-menu-sub-text: #626c6c;
    --t-menu-sub3-text: #717870;
}

[data-theme="tokyo-night-light"] {
    --t-accent: #2e7de9;
    --t-on-accent: #101318;
    /* active 菜单文字：navbar-text(#3760bf) 在 accent 26% 激活底上仅 4.3:1，压暗覆盖 */
    --t-menu-active-text: #2c4d9a;
    --t-page-bg: #e7e8ee;
    --t-navbar-bg: #ffffff;
    --t-navbar-shadow: none;
    --t-navbar-text: #3760bf;
    --t-sidebar-bg: #dcdde5;
    --t-sidebar-header-bg: #d1d3dd;
    --t-menu-text: #586082;
    --t-menu-sub-text: #5c6177;
    --t-menu-sub3-text: #696c7e;
}

[data-theme="ulysses-light"] {
    --t-accent: #2f6fdb;
    --t-on-accent: #ffffff;
    --t-page-bg: #f4f4f3;
    --t-navbar-bg: #ffffff;
    --t-navbar-shadow: none;
    --t-navbar-text: #3c3c3c;
    --t-sidebar-bg: #ebebe9;
    --t-sidebar-header-bg: #e1e1de;
    --t-menu-text: #65655f;
    --t-menu-sub-text: #6a6a65;
    --t-menu-sub3-text: #767670;
}

/* ===== 深色主题 ===== */

[data-theme="ayu-dark"] {
    --t-accent: #ff9940;
    --t-on-accent: #2b1a05;
    --t-page-bg: #0b0e14;
    --t-navbar-bg: #0a0d12;
    --t-navbar-shadow: 0 1px 3px rgba(0, 0, 0, .35);
    --t-navbar-text: #c5cad3;
    --t-sidebar-bg: #10151d;
    --t-sidebar-header-bg: #0c1118;
    --t-menu-text: #7d8795;
    --t-menu-sub-text: #777f8a;
    --t-menu-sub3-text: #6c737d;
}

[data-theme="ayu-mirage"] {
    --t-accent: #ffcc66;
    --t-on-accent: #2a2010;
    --t-page-bg: #1f2430;
    --t-navbar-bg: #1a1f29;
    --t-navbar-shadow: 0 1px 3px rgba(0, 0, 0, .35);
    --t-navbar-text: #cccac2;
    --t-sidebar-bg: #222835;
    --t-sidebar-header-bg: #1b202a;
    --t-menu-text: #8f96a3;
    --t-menu-sub-text: #898f9b;
    --t-menu-sub3-text: #7c828c;
}

[data-theme="cadmium-dark"] {
    --t-accent: #edb431;
    --t-on-accent: #2a1f04;
    --t-page-bg: #191b1f;
    --t-navbar-bg: #15171b;
    --t-navbar-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    --t-navbar-text: #ccd1d9;
    --t-sidebar-bg: #1e2126;
    --t-sidebar-header-bg: #171a1e;
    --t-menu-text: #848b96;
    --t-menu-sub-text: #828891;
    --t-menu-sub3-text: #777b83;
}

[data-theme="catppuccin-mocha"] {
    --t-accent: #89b4fa;
    --t-on-accent: #1e1e2e;
    --t-page-bg: #1e1e2e;
    --t-navbar-bg: #181825;
    --t-navbar-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    --t-navbar-text: #cdd6f4;
    --t-sidebar-bg: #202131;
    --t-sidebar-header-bg: #191927;
    --t-menu-text: #a5adcb;
    --t-menu-sub-text: #83889f;
    --t-menu-sub3-text: #797c8d;
}

[data-theme="cyberdream"] {
    --t-accent: #39c6df;
    --t-on-accent: #04222b;
    --t-page-bg: #171a23;
    --t-navbar-bg: #12151d;
    --t-navbar-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    --t-navbar-text: #c8c8d1;
    --t-sidebar-bg: #1d212c;
    --t-sidebar-header-bg: #151822;
    --t-menu-text: #828b9c;
    --t-menu-sub-text: #818896;
    --t-menu-sub3-text: #757c88;
}

[data-theme="dracula"] {
    --t-accent: #bd93f9;
    --t-on-accent: #282a36;
    --t-page-bg: #282a36;
    --t-navbar-bg: #21222c;
    --t-navbar-shadow: 0 1px 3px rgba(0, 0, 0, .35);
    --t-navbar-text: #f8f8f2;
    --t-sidebar-bg: #252631;
    --t-sidebar-header-bg: #1e1f28;
    --t-menu-text: #a3a8c6;
    --t-menu-sub-text: #878ca9;
    --t-menu-sub3-text: #7a7f9a;
}

[data-theme="everforest-dark"] {
    --t-accent: #a7c080;
    --t-menu-active-text: #d8ccb3;
    --t-on-accent: #20290f;
    --t-page-bg: #2d353b;
    --t-navbar-bg: #242e34;
    --t-navbar-shadow: 0 1px 3px rgba(0, 0, 0, .35);
    --t-navbar-text: #d3c6aa;
    --t-sidebar-bg: #2f383e;
    --t-sidebar-header-bg: #283239;
    --t-menu-text: #97a39c;
    --t-menu-sub-text: #98a29d;
    --t-menu-sub3-text: #8b948f;
}

/* 凡人修仙传：墨夜鎏金 —— 配色取自动画官方海报实采样：
   暗部均值 #322c22(墨) / 鎏金中调 #be884c~亮金 #d9d4b6 / 韩立青袍青玉 / 月白内衬 / 朱砂印章点缀 */
[data-theme="fanren"] {
    --t-accent: #c9a15e;             /* 鎏金（海报金浪 #be884c 与亮金 #d9d4b6 之间） */
    --t-on-accent: #241a09;          /* 鎏金上的墨字 */
    --t-menu-active-text: #ecd9a4;   /* 激活菜单淡金（替代月白，金脉更连贯） */
    --t-page-bg: #191410;            /* 墨夜暖黑（海报暗部 #322c22 加深） */
    --t-navbar-bg: #120e0a;          /* 浓墨 */
    --t-navbar-shadow: 0 1px 3px rgba(0, 0, 0, .45);
    --t-navbar-text: #e6dfd0;        /* 月白（内衬/珠串色系） */
    --t-sidebar-bg: #211a13;         /* 黛褐 */
    --t-sidebar-header-bg: #171209;
    --t-menu-text: #9c917d;          /* 暖青灰 */
    --t-menu-sub-text: #958b78;
    --t-menu-sub3-text: #8a8070;
}

[data-theme="gruvbox-dark"] {
    --t-accent: #fabd2f;
    --t-on-accent: #2c2005;
    --t-page-bg: #282828;
    --t-navbar-bg: #1d2021;
    --t-navbar-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    --t-navbar-text: #ebdbb2;
    --t-sidebar-bg: #292824;
    --t-sidebar-header-bg: #21211d;
    --t-menu-text: #a89984;
    --t-menu-sub-text: #9a8c7e;
    --t-menu-sub3-text: #88807a;
}

[data-theme="horizon-dark"] {
    --t-accent: #e95678;
    --t-on-accent: #1c1e26;
    --t-page-bg: #1c1e26;
    --t-navbar-bg: #16171e;
    --t-navbar-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    --t-navbar-text: #cbced0;
    --t-sidebar-bg: #20222c;
    --t-sidebar-header-bg: #191b23;
    --t-menu-text: #888d9e;
    --t-menu-sub-text: #84889d;
    --t-menu-sub3-text: #787c8d;
}

[data-theme="kanagawa"] {
    --t-accent: #7e9cd8;
    --t-on-accent: #1f1f28;
    --t-page-bg: #1f1f28;
    --t-navbar-bg: #16161f;
    --t-navbar-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    --t-navbar-text: #dcd7ba;
    --t-sidebar-bg: #23232e;
    --t-sidebar-header-bg: #1a1a24;
    --t-menu-text: #a8a29a;
    --t-menu-sub-text: #878b94;
    --t-menu-sub3-text: #7b7e86;
}

[data-theme="material-dark"] {
    --t-accent: #82aaff;
    --t-on-accent: #263238;
    --t-page-bg: #263238;
    --t-navbar-bg: #1c262b;
    --t-navbar-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    --t-navbar-text: #eeffff;
    --t-sidebar-bg: #2b373d;
    --t-sidebar-header-bg: #232f35;
    --t-menu-text: #8ea3ac;
    --t-menu-sub-text: #8ca1ab;
    --t-menu-sub3-text: #82929a;
}

[data-theme="monokai-pro"] {
    --t-accent: #ffd866;
    --t-on-accent: #2b2508;
    --t-page-bg: #2d2a2e;
    --t-navbar-bg: #221f23;
    --t-navbar-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    --t-navbar-text: #fcfcfa;
    --t-sidebar-bg: #312e33;
    --t-sidebar-header-bg: #292629;
    --t-menu-text: #a5a0a2;
    --t-menu-sub-text: #999596;
    --t-menu-sub3-text: #8c888a;
}

[data-theme="nightfox"] {
    --t-accent: #719cd6;
    --t-on-accent: #192330;
    --t-page-bg: #192330;
    --t-navbar-bg: #131a21;
    --t-navbar-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    --t-navbar-text: #cdcecf;
    --t-sidebar-bg: #1d2735;
    --t-sidebar-header-bg: #16202b;
    --t-menu-text: #8ba0b4;
    --t-menu-sub-text: #7d8fa0;
    --t-menu-sub3-text: #728292;
}

[data-theme="nord"] {
    --t-accent: #88c0d0;
    --t-on-accent: #1f2831;
    --t-page-bg: #2e3440;
    --t-navbar-bg: #272c36;
    --t-navbar-shadow: 0 1px 3px rgba(0, 0, 0, .35);
    --t-navbar-text: #eceff4;
    --t-sidebar-bg: #333a47;
    --t-sidebar-header-bg: #2a303c;
    --t-menu-text: #adb7c6;
    --t-menu-sub-text: #99a3b6;
    --t-menu-sub3-text: #8e96a4;
}

[data-theme="one-dark"] {
    --t-accent: #61afef;
    --t-on-accent: #282c34;
    --t-page-bg: #282c34;
    --t-navbar-bg: #21252b;
    --t-navbar-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    --t-navbar-text: #d7dae0;
    --t-sidebar-bg: #2c313a;
    --t-sidebar-header-bg: #24282f;
    --t-menu-text: #9da5b4;
    --t-menu-sub-text: #9299a2;
    --t-menu-sub3-text: #838b98;
}

[data-theme="oxocarbon-dark"] {
    --t-accent: #78a9ff;
    --t-on-accent: #161616;
    --t-page-bg: #161616;
    --t-navbar-bg: #101010;
    --t-navbar-shadow: 0 1px 3px rgba(0, 0, 0, .45);
    --t-navbar-text: #f2f4f8;
    --t-sidebar-bg: #1f1f1f;
    --t-sidebar-header-bg: #181818;
    --t-menu-text: #9fa4ad;
    --t-menu-sub-text: #81868e;
    --t-menu-sub3-text: #777a81;
}

[data-theme="pale-night"] {
    --t-accent: #82aaff;
    --t-on-accent: #292d3e;
    --t-page-bg: #292d3e;
    --t-navbar-bg: #212433;
    --t-navbar-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    --t-navbar-text: #c5c9de;
    --t-sidebar-bg: #2e3243;
    --t-sidebar-header-bg: #262a39;
    --t-menu-text: #9fa5c2;
    --t-menu-sub-text: #9499b4;
    --t-menu-sub3-text: #878ca6;
}

[data-theme="rose-pine"] {
    --t-accent: #c4a7e7;
    --t-on-accent: #191724;
    --t-page-bg: #191724;
    --t-navbar-bg: #131019;
    --t-navbar-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    --t-navbar-text: #e0def4;
    --t-sidebar-bg: #1f1d2e;
    --t-sidebar-header-bg: #171522;
    --t-menu-text: #a5a0c2;
    --t-menu-sub-text: #8782a0;
    --t-menu-sub3-text: #7b7695;
}

[data-theme="rose-pine-moon"] {
    --t-accent: #c4a7e7;
    --t-on-accent: #232136;
    --t-page-bg: #232136;
    --t-navbar-bg: #1c1a27;
    --t-navbar-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    --t-navbar-text: #e0def4;
    --t-sidebar-bg: #2a2739;
    --t-sidebar-header-bg: #222030;
    --t-menu-text: #a29cb8;
    --t-menu-sub-text: #918da9;
    --t-menu-sub3-text: #84809b;
}

[data-theme="solarized-dark"] {
    --t-accent: #268bd2;
    --t-on-accent: #002b36;
    --t-page-bg: #002b36;
    --t-navbar-bg: #00212a;
    --t-navbar-shadow: 0 1px 3px rgba(0, 0, 0, .45);
    --t-navbar-text: #c6d4d3;
    --t-sidebar-bg: #04303a;
    --t-sidebar-header-bg: #02242d;
    --t-menu-text: #8fa5a0;
    --t-menu-sub-text: #7f9793;
    --t-menu-sub3-text: #758986;
}

[data-theme="synthwave-84"] {
    --t-accent: #ff7edb;
    --t-on-accent: #2a0e26;
    --t-page-bg: #2a2139;
    --t-navbar-bg: #241b2f;
    --t-navbar-shadow: 0 1px 3px rgba(0, 0, 0, .45);
    --t-navbar-text: #e2ddf0;
    --t-sidebar-bg: #2f2540;
    --t-sidebar-header-bg: #271e36;
    --t-menu-text: #a09bc8;
    --t-menu-sub-text: #878ebf;
    --t-menu-sub3-text: #847fa4;
}

[data-theme="tokyo-night"] {
    --t-accent: #7aa2f7;
    --t-on-accent: #1a1b26;
    --t-page-bg: #1a1b26;
    --t-navbar-bg: #16161e;
    --t-navbar-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    --t-navbar-text: #c0caf5;
    --t-sidebar-bg: #1f2233;
    --t-sidebar-header-bg: #181926;
    --t-menu-text: #9aa5d0;
    --t-menu-sub-text: #8087b1;
    --t-menu-sub3-text: #747c9e;
}

[data-theme="tokyo-night-storm"] {
    --t-accent: #7aa2f7;
    --t-on-accent: #24283b;
    --t-page-bg: #24283b;
    --t-navbar-bg: #1e2233;
    --t-navbar-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    --t-navbar-text: #c0caf5;
    --t-sidebar-bg: #2a2f45;
    --t-sidebar-header-bg: #232839;
    --t-menu-text: #9aa2c6;
    --t-menu-sub-text: #9196b5;
    --t-menu-sub3-text: #8489a5;
}