/* ============================================
   Site Theme Skinner v2 - 预设主题包
   包含9套开箱即用主题
   使用方法：在HTML中引入本文件，通过 data-theme 属性切换
   ============================================ */

/* ============ 主题 1/9：深空科技（dark）— 深色科技风，近黑底+天蓝品牌+紫色辅色，JetBrains Mono等宽字体 ============ */
:root,
[data-theme="dark"] {
  --color-bg: 8 10 16;
  --color-surface: 14 16 22;
  --color-border: 42 44 54;
  --color-text: 245 247 252;
  --color-muted: 215 220 230;
  --color-accent: 125 211 252;
  --color-accent-2: 167 139 250;

  --radius-card: 16px;
  --radius-panel: 24px;
  --radius-control: 10px;
  --shadow-card: 0 4px 24px rgba(0, 0, 0, 0.3);
  --shadow-hover: 0 8px 40px -8px rgba(125, 211, 252, 0.25);
  --font-sans: 'JetBrains Mono', 'PingFang SC', 'Microsoft YaHei', ui-monospace, monospace;
  --transition-fast: 200ms;
  --ease-out: cubic-bezier(0.25, 1, 0.5, 1);
}

/* ============ 主题 2/9：暖橙奶油（luzi）— 暖橙奶油风，奶白底+橙色品牌+黄色辅色，大圆角毛玻璃 ============ */
/* luzi.top 暖橙奶油风 */
[data-theme="luzi"] {
  --color-bg: 255 253 250;
  --color-surface: 255 255 255;
  --color-border: 228 228 231;
  --color-text: 9 9 11;
  --color-muted: 113 113 122;
  --color-accent: 242 90 29;
  --color-accent-2: 251 191 36;

  --radius-card: 20px;
  --radius-panel: 32px;
  --radius-control: 12px;
  --shadow-card: 0 1px 2px rgba(40, 25, 16, 0.035), 0 12px 34px rgba(91, 51, 29, 0.055);
  --shadow-hover: 0 2px 5px rgba(40, 25, 16, 0.04), 0 24px 68px rgba(91, 51, 29, 0.09);
  --font-sans: 'HarmonyOS Sans SC', 'MiSans', 'PingFang SC', 'Noto Sans SC', system-ui, sans-serif;
  --transition-fast: 160ms;
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
}

/* ============ 主题 3/9：花谷编辑（museai）— 花谷编辑风，淡薰衣草紫底+深紫品牌+樱花粉辅色，Playfair Display衬线字体 ============ */
/* museaiweb.cn 花谷编辑风 — 淡薰衣草紫 + 樱花粉 + 衬线杂志感 */
[data-theme="museai"] {
  --color-bg: 243 236 247;
  --color-surface: 253 250 246;
  --color-border: 216 207 232;
  --color-text: 42 33 64;
  --color-muted: 122 107 163;
  --color-accent: 107 82 168;
  --color-accent-2: 240 178 216;

  --radius-card: 16px;
  --radius-panel: 24px;
  --radius-control: 100px;
  --shadow-card: 0 12px 40px rgba(80, 55, 130, 0.06);
  --shadow-hover: 0 34px 66px -36px rgba(74, 54, 144, 0.5);
  --font-sans: 'Playfair Display', 'Noto Serif SC', Georgia, 'Songti SC', 'Helvetica Neue', 'PingFang SC', serif;
  --transition-fast: 300ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}

/* ============ 主题 4/9：极简科技（minimax）— 极简科技风，极浅灰白底+紫蓝品牌，扁平克制SaaS，Inter字体 ============ */
/* design.minimax.cn 极简科技风 — 极浅灰白 + 紫蓝品牌 + 扁平克制 SaaS */
[data-theme="minimax"] {
  --color-bg: 247 247 245;
  --color-surface: 255 255 255;
  --color-border: 212 210 205;
  --color-text: 23 23 29;
  --color-muted: 120 120 128;
  --color-accent: 103 87 231;
  --color-accent-2: 136 127 229;

  --radius-card: 16px;
  --radius-panel: 20px;
  --radius-control: 999px;
  --shadow-card: inset 0 0 0 1px rgb(18 18 18 / 0.08);
  --shadow-hover: 0 18px 44px rgba(24, 18, 58, 0.16);
  --font-sans: 'Inter', 'Outfit', 'Noto Sans SC', -apple-system, 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --transition-fast: 180ms;
  --ease-out: ease;
}

/* ============ 主题 5/9：暖纸商务（bihuoai）— 暖纸色极简商务风，奶油纸底+酒红品牌，编辑排版感，8px小圆角 ============ */
/* avatar.bihuoai.com 暖纸色极简商务风 — 奶油纸底 + 酒红品牌 + 编辑排版感 */
[data-theme="bihuoai"] {
  --color-bg: 244 242 236;
  --color-surface: 235 232 224;
  --color-border: 216 212 203;
  --color-text: 17 17 17;
  --color-muted: 110 106 98;
  --color-accent: 188 31 26;
  --color-accent-2: 236 90 87;

  --radius-card: 8px;
  --radius-panel: 12px;
  --radius-control: 9999px;
  --shadow-card: none;
  --shadow-hover: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --font-sans: 'Noto Sans SC', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --transition-fast: 200ms;
  --ease-out: cubic-bezier(0.4, 0, 0.2, 1);
}

/* ============ 主题 6/9：青绿扁平（workbuddy）— 青绿极扁平SaaS风，纯白底+青绿品牌，1px边框分层，4px控件圆角 ============ */
/* workbuddy.cn 青绿极扁平 SaaS 风 — 纯白底 + 青绿品牌 + 1px 边框分层 */
[data-theme="workbuddy"] {
  --color-bg: 255 255 255;
  --color-surface: 255 255 255;
  --color-border: 229 229 229;
  --color-text: 25 26 35;
  --color-muted: 102 102 102;
  --color-accent: 40 184 148;
  --color-accent-2: 50 230 185;

  --radius-card: 12px;
  --radius-panel: 16px;
  --radius-control: 4px;
  --shadow-card: none;
  --shadow-hover: 0 1px 2px rgba(0, 0, 0, 0.04), 0 8px 24px rgba(40, 184, 148, 0.12);
  --font-sans: 'PingFang SC', 'Microsoft YaHei', 'Alimama FangYuanTi VF', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --transition-fast: 300ms;
  --ease-out: ease;
}

/* ============ 主题 7/9：深空绿能（luogen）— 深色科技风，极深近黑+微信绿品牌+浅蓝光晕，类Linear/Vercel ============ */
/* luogen 深色科技风 — 极深近黑 + 微信绿品牌 + 浅蓝光晕（类 Linear/Vercel SaaS） */
[data-theme="luogen"] {
  --color-bg: 10 10 15;
  --color-surface: 17 17 22;
  --color-border: 48 48 56;
  --color-text: 255 255 255;
  --color-muted: 160 160 160;
  --color-accent: 7 193 96;
  --color-accent-2: 154 186 233;

  --radius-card: 20px;
  --radius-panel: 24px;
  --radius-control: 12px;
  --shadow-card: 0 4px 16px rgba(0, 0, 0, 0.2);
  --shadow-hover: 0 4px 20px rgba(7, 193, 96, 0.35), 0 0 32px rgba(154, 186, 233, 0.25);
  --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', 'PingFang SC', 'Microsoft YaHei', Helvetica, Arial, sans-serif;
  --transition-fast: 300ms;
  --ease-out: cubic-bezier(0.4, 0, 0.2, 1);
}

/* ============ 主题 8/9：开拍蓝调（kaipai）— 浅灰蓝底+科技蓝品牌+暖桃CTA焦点，简洁工具型SaaS ============ */
/* kaipai 开拍蓝调 — 浅灰蓝底 + 科技蓝品牌 + 暖桃 CTA 焦点（简洁工具型 SaaS） */
[data-theme="kaipai"] {
  --color-bg: 242 245 249;
  --color-surface: 255 255 255;
  --color-border: 229 231 235;
  --color-text: 26 26 26;
  --color-muted: 102 102 102;
  --color-accent: 19 97 235;
  --color-accent-2: 255 195 158;

  --radius-card: 20px;
  --radius-panel: 20px;
  --radius-control: 8px;
  --shadow-card: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-hover: 0 4px 16px -4px rgba(19, 97, 235, 0.2);
  --font-sans: 'Segoe UI Variable', 'Open Sans', Helvetica, 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --transition-fast: 180ms;
  --ease-out: cubic-bezier(0.4, 0, 0.2, 1);
}

/* ============ 主题 9/9：智码黑调（zcode）— 深色工程极简风，深炭黑#161616+amber橙金微光，Geist无衬线，类Linear/Vercel ============ */
/* zcode.z.ai 智码黑调 — 深炭黑 #161616 + Geist 无衬线 + 白/黑胶囊按钮 + amber 橙金微光（类 Linear/Vercel） */
[data-theme="zcode"] {
  --color-bg: 22 22 22;
  --color-surface: 38 38 38;
  --color-border: 58 58 58;
  --color-text: 250 250 250;
  --color-muted: 179 179 179;
  --color-accent: 245 158 11;
  --color-accent-2: 251 191 36;

  --radius-card: 16px;
  --radius-panel: 20px;
  --radius-control: 999px;
  --shadow-card: 0 20px 60px rgba(0, 0, 0, 0.35);
  --shadow-hover: 0 8px 30px rgba(245, 158, 11, 0.14);
  --font-sans: 'Geist', 'Inter', 'PingFang SC', 'Microsoft YaHei', system-ui, -apple-system, sans-serif;
  --transition-fast: 150ms;
  --ease-out: cubic-bezier(0.4, 0, 0.2, 1);
}