/* 域名停靠 · 主题皮肤 v2.8.0
 * 原理：覆盖 design-system.css 里 :root 的设计变量，全站（前台 + 后台）即时换肤。
 * 加载顺序：design-system.css -> themes.css -> style.css
 * 启用方式：<body class="theme-xxx">，xxx 由 setting('site_theme') 决定。
 * 这样换肤不需要改任何业务 CSS，也不会污染历史样式。
 */

/* ── 海洋蓝（默认）：沿用 design token，无需覆盖 ── */
body.theme-blue { --ds-theme-name: "海洋蓝"; }

/* ── 中国红：政务/交易平台气质，庄重大气 ── */
body.theme-red {
  --ds-theme-name: "中国红";
  --ds-color-primary:        #e11d48;
  --ds-color-primary-hover:  #be123c;
  --ds-color-primary-active: #9f1239;
  --ds-color-primary-soft:   #fff1f2;
  --ds-color-primary-border: #fecdd3;
  --ds-color-info:           #e11d48;
  --ds-color-info-soft:      #fff1f2;
  --ds-color-info-border:    #fecdd3;
  --ds-color-info-text:      #9f1239;
  --ds-color-brand:          #e11d48;
  --ds-color-brand-deep:     #9f1239;
  --ds-color-nav-active:     #e11d48;
  --ds-color-nav-bg:         #2a1420;
  --ds-color-nav-bg-sub:     #211019;
}

/* ── 石墨黑金：高端域名交易/经纪，沉稳奢华 ── */
body.theme-ink {
  --ds-theme-name: "石墨黑金";
  --ds-color-primary:        #a16207;
  --ds-color-primary-hover:  #854d0e;
  --ds-color-primary-active: #713f12;
  --ds-color-primary-soft:   #fffbeb;
  --ds-color-primary-border: #fde68a;
  --ds-color-info:           #a16207;
  --ds-color-info-soft:      #fffbeb;
  --ds-color-info-border:    #fde68a;
  --ds-color-info-text:      #713f12;
  --ds-color-brand:          #a16207;
  --ds-color-brand-deep:     #1c1917;
  --ds-color-nav-bg:         #0c0a09;
  --ds-color-nav-bg-sub:     #171412;
  --ds-color-nav-active:     #ca8a04;
  --ds-color-nav-hover:      #292524;
}

/* ── 青碧绿：安全/绿色生态，清爽可信 ── */
body.theme-green {
  --ds-theme-name: "青碧绿";
  --ds-color-primary:        #059669;
  --ds-color-primary-hover:  #047857;
  --ds-color-primary-active: #065f46;
  --ds-color-primary-soft:   #ecfdf5;
  --ds-color-primary-border: #a7f3d0;
  --ds-color-info:           #059669;
  --ds-color-info-soft:      #ecfdf5;
  --ds-color-info-border:    #a7f3d0;
  --ds-color-info-text:      #065f46;
  --ds-color-brand:          #059669;
  --ds-color-brand-deep:     #065f46;
  --ds-color-nav-bg:         #0f2a22;
  --ds-color-nav-bg-sub:     #0b1f19;
  --ds-color-nav-active:     #059669;
}

/* ── 紫罗兰：AI/科技感 ── */
body.theme-violet {
  --ds-theme-name: "紫罗兰";
  --ds-color-primary:        #7c3aed;
  --ds-color-primary-hover:  #6d28d9;
  --ds-color-primary-active: #5b21b6;
  --ds-color-primary-soft:   #f5f3ff;
  --ds-color-primary-border: #ddd6fe;
  --ds-color-info:           #7c3aed;
  --ds-color-info-soft:      #f5f3ff;
  --ds-color-info-border:    #ddd6fe;
  --ds-color-info-text:      #5b21b6;
  --ds-color-brand:          #7c3aed;
  --ds-color-brand-deep:     #4c1d95;
  --ds-color-nav-bg:         #1e1338;
  --ds-color-nav-bg-sub:     #170f2b;
  --ds-color-nav-active:     #7c3aed;
}

/* ── 日落橙：电商/促销氛围，热情醒目 ── */
body.theme-sunset {
  --ds-theme-name: "日落橙";
  --ds-color-primary:        #ea580c;
  --ds-color-primary-hover:  #c2410c;
  --ds-color-primary-active: #9a3412;
  --ds-color-primary-soft:   #fff7ed;
  --ds-color-primary-border: #fed7aa;
  --ds-color-info:           #ea580c;
  --ds-color-info-soft:      #fff7ed;
  --ds-color-info-border:    #fed7aa;
  --ds-color-info-text:      #9a3412;
  --ds-color-brand:          #f97316;
  --ds-color-brand-deep:     #9a3412;
  --ds-color-nav-bg:         #2c1608;
  --ds-color-nav-bg-sub:     #221106;
  --ds-color-nav-active:     #ea580c;
}

/* ── 商务灰：B 端 SaaS / 工具站，克制理性 ── */
body.theme-slate {
  --ds-theme-name: "商务灰";
  --ds-color-primary:        #475569;
  --ds-color-primary-hover:  #334155;
  --ds-color-primary-active: #1e293b;
  --ds-color-primary-soft:   #f1f5f9;
  --ds-color-primary-border: #cbd5e1;
  --ds-color-info:           #0f766e;
  --ds-color-info-soft:      #f0fdfa;
  --ds-color-info-border:    #99f6e4;
  --ds-color-info-text:      #115e59;
  --ds-color-brand:          #475569;
  --ds-color-brand-deep:     #1e293b;
  --ds-color-nav-bg:         #1e293b;
  --ds-color-nav-bg-sub:     #172033;
  --ds-color-nav-active:     #38bdf8;
}

/* ── 樱花粉：生活/内容社区，柔和亲切 ── */
body.theme-sakura {
  --ds-theme-name: "樱花粉";
  --ds-color-primary:        #db2777;
  --ds-color-primary-hover:  #be185d;
  --ds-color-primary-active: #9d174d;
  --ds-color-primary-soft:   #fdf2f8;
  --ds-color-primary-border: #fbcfe8;
  --ds-color-info:           #db2777;
  --ds-color-info-soft:      #fdf2f8;
  --ds-color-info-border:    #fbcfe8;
  --ds-color-info-text:      #9d174d;
  --ds-color-brand:          #ec4899;
  --ds-color-brand-deep:     #9d174d;
  --ds-color-nav-bg:         #33142a;
  --ds-color-nav-bg-sub:     #280f20;
  --ds-color-nav-active:     #ec4899;
}

/* ── 深空蓝：数据/监控大屏，冷静深邃 ── */
body.theme-deepblue {
  --ds-theme-name: "深空蓝";
  --ds-color-primary:        #0284c7;
  --ds-color-primary-hover:  #0369a1;
  --ds-color-primary-active: #075985;
  --ds-color-primary-soft:   #f0f9ff;
  --ds-color-primary-border: #bae6fd;
  --ds-color-info:           #0284c7;
  --ds-color-info-soft:      #f0f9ff;
  --ds-color-info-border:    #bae6fd;
  --ds-color-info-text:      #075985;
  --ds-color-brand:          #0ea5e9;
  --ds-color-brand-deep:     #075985;
  --ds-color-nav-bg:         #082f49;
  --ds-color-nav-bg-sub:     #062338;
  --ds-color-nav-active:     #38bdf8;
}

/* ── 薄荷青：轻量工具/健康生活，清新通透 ── */
body.theme-mint {
  --ds-theme-name: "薄荷青";
  --ds-color-primary:        #0d9488;
  --ds-color-primary-hover:  #0f766e;
  --ds-color-primary-active: #115e59;
  --ds-color-primary-soft:   #f0fdfa;
  --ds-color-primary-border: #99f6e4;
  --ds-color-info:           #0d9488;
  --ds-color-info-soft:      #f0fdfa;
  --ds-color-info-border:    #99f6e4;
  --ds-color-info-text:      #115e59;
  --ds-color-brand:          #14b8a6;
  --ds-color-brand-deep:     #115e59;
  --ds-color-nav-bg:         #08312d;
  --ds-color-nav-bg-sub:     #062622;
  --ds-color-nav-active:     #2dd4bf;
}

/* ──────────────────────────────────────────────────────────────
 * 版式风格（与配色正交，可任意组合）：
 *   body.layout-round   —— 大圆角，柔和现代（默认）
 *   body.layout-flat    —— 直角扁平，信息密度高
 *   body.layout-compact —— 紧凑减距，专业后台风
 * 规则：只覆盖 radius / shadow / space 三类令牌，不动色彩。
 * ────────────────────────────────────────────────────────────── */

/* 扁平直角 */
body.layout-flat {
  --ds-radius-sm:   2px;
  --ds-radius-md:   3px;
  --ds-radius-lg:   4px;
  --ds-radius-xl:   6px;
  --ds-radius-card: 3px;
  --ds-shadow-xs:   0 0 0 1px rgba(15, 23, 42, .05);
  --ds-shadow-sm:   0 1px 2px rgba(15, 23, 42, .06);
  --ds-shadow-md:   0 2px 6px rgba(15, 23, 42, .07);
  --ds-shadow-lg:   0 4px 14px rgba(15, 23, 42, .09);
}
body.layout-flat .ds-card,
body.layout-flat .ds-panel,
body.layout-flat .ds-btn,
body.layout-flat .ds-input,
body.layout-flat .ds-select { border-radius: var(--ds-radius-sm); }

/* 紧凑 */
body.layout-compact {
  --ds-space-4:  12px;
  --ds-space-5:  15px;
  --ds-space-6:  18px;
  --ds-space-8:  24px;
  --ds-radius-sm:   4px;
  --ds-radius-md:   6px;
  --ds-radius-lg:   8px;
  --ds-radius-xl:   10px;
  --ds-radius-card: 6px;
}

/* 说明：Logo / 页头 / 页脚 / 登录页的布局样式统一放在 style.css（最后加载，优先级正确）。
 * 本文件只负责「配色皮肤 + 版式风格」这两层，保持职责单一。 */