@charset "utf-8";
/* ==========================================================================
   主题配色令牌 (Design Tokens)
   --------------------------------------------------------------------------
   由 application/helpers/theme_helper.php 输出 <html data-theme="xxx">，
   本文件只负责“颜色”，不含任何布局，因此可以安全地在任何页面加载。

   主题与旧版素材皮肤（default / blue / green）解耦：
   新增配色不需要新增图片，只需要在这里加一段 [data-theme="id"]。
   ========================================================================== */

:root,
html[data-theme="ocean"] {
	--t-accent: #2f6fed;
	--t-accent-2: #4b85f5;
	--t-accent-dark: #1f56c9;
	--t-accent-soft: #eaf1ff;
	--t-accent-line: #c9dbff;
	--t-nav: #12284c;
	--t-nav-2: #1d4c8f;
	--t-nav-active: #2f6fed;
}

html[data-theme="emerald"] {
	--t-accent: #0e9f6e;
	--t-accent-2: #16b981;
	--t-accent-dark: #0a8058;
	--t-accent-soft: #e6f8f1;
	--t-accent-line: #b9e9d7;
	--t-nav: #0b3f36;
	--t-nav-2: #12695a;
	--t-nav-active: #0e9f6e;
}

html[data-theme="sunset"] {
	--t-accent: #ef7a1a;
	--t-accent-2: #f79237;
	--t-accent-dark: #cf6210;
	--t-accent-soft: #fff2e6;
	--t-accent-line: #ffd7b3;
	--t-nav: #4a2410;
	--t-nav-2: #96431a;
	--t-nav-active: #ef7a1a;
}

html[data-theme="violet"] {
	--t-accent: #7b5cf5;
	--t-accent-2: #9075f7;
	--t-accent-dark: #6344d8;
	--t-accent-soft: #f0ecff;
	--t-accent-line: #d5caff;
	--t-nav: #2a1d5a;
	--t-nav-2: #4b36a8;
	--t-nav-active: #7b5cf5;
}

html[data-theme="teal"] {
	--t-accent: #0e9aa7;
	--t-accent-2: #13b4c3;
	--t-accent-dark: #0a7b85;
	--t-accent-soft: #e4f7f8;
	--t-accent-line: #b3e6ea;
	--t-nav: #093a44;
	--t-nav-2: #106b78;
	--t-nav-active: #0e9aa7;
}

html[data-theme="amber"] {
	--t-accent: #c8951f;
	--t-accent-2: #dcab35;
	--t-accent-dark: #a77914;
	--t-accent-soft: #fdf5e3;
	--t-accent-line: #f0ddaa;
	--t-nav: #3d2c07;
	--t-nav-2: #7d5c12;
	--t-nav-active: #c8951f;
}

html[data-theme="rose"] {
	--t-accent: #e34a76;
	--t-accent-2: #ea6a8f;
	--t-accent-dark: #c3335c;
	--t-accent-soft: #fdeaf0;
	--t-accent-line: #f7c2d2;
	--t-nav: #4a1024;
	--t-nav-2: #962140;
	--t-nav-active: #e34a76;
}

html[data-theme="graphite"] {
	--t-accent: #55657a;
	--t-accent-2: #6b7d94;
	--t-accent-dark: #42505f;
	--t-accent-soft: #eef1f5;
	--t-accent-line: #ccd4de;
	--t-nav: #232c38;
	--t-nav-2: #3b4757;
	--t-nav-active: #55657a;
}

/* 与配色无关的通用令牌 */
:root {
	--t-text: #2b3440;
	--t-text-2: #55606e;
	--t-muted: #8593a3;
	--t-border: #e3e8ef;
	--t-border-2: #cfd8e3;
	--t-canvas: #f1f4f9;
	--t-surface: #ffffff;
	--t-surface-2: #f7f9fc;
	--t-radius: 6px;
	--t-radius-sm: 4px;
	--t-shadow-1: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .08);
	--t-shadow-2: 0 4px 10px rgba(16, 24, 40, .08), 0 10px 24px rgba(16, 24, 40, .06);
	--t-shadow-accent: 0 6px 16px rgba(0, 0, 0, .08);
	--t-speed: .16s;
}