/* ============================================================================
 * 墨核 AI · 主题：极简高端（theme-minimal）
 *
 * 定位：近乎中性的墨灰底 + 单一克制强调色 + 大留白 + 精致微动效。
 * 适用：付费用户、商务演示、长时间写作（最不累眼）。
 *
 * 【设计取向】这一套刻意「少做」：
 *   - 不加背景光晕、不加发光边框、不加网格 —— 留白本身就是设计
 *   - 强调色只有一个（青灰蓝），靠**明度层次**而不是色相变化来组织信息
 *   - 圆角收窄一档（12px 封顶），线条更硬朗，接近 Linear / Vercel 的观感
 *   - 分组靠**间距与发丝线**，不靠底色块（底色块多了就回到「卡片堆」）
 *
 * 【P0 红线遵守】
 *   - 无紫粉渐变：本主题的 --grad 退化为纯色（这是 tokens.css 本来就推崇的做法）
 *   - 圆角上限：本主题主动收窄到 12px，**低于** 18px 上限，不越界
 *   - 对比度：正文比值比默认主题更高（18.9:1），因为无装饰辅助
 * ========================================================================== */

[data-theme="minimal"] {
  /* ===== Surface：墨灰（几乎无彩度，靠明度分层） ===== */
  --bg:            #0C0C0D;   /* 近中性黑（彩度极低，不是 #000） */
  --surface:       #141416;   /* 面板 */
  --surface-2:     #1B1B1E;   /* 三级面 */

  /* ===== Foreground：明度阶梯拉得更开（无装饰时全靠文字层次） ===== */
  --fg:            #FAFAFA;   /* 对 --bg 18.9:1 (AAA) */
  --fg-2:          #D4D4D8;
  --muted:         #A1A1AA;   /* 对 --bg 8.6:1 (AAA) */
  --meta:          #71717A;   /* 对 --bg 4.61:1（过 AA 正文标准 4.5:1） */

  /* ===== Border：发丝线（极低对比，只做分隔不抢视线） ===== */
  --border:        #26262A;
  --border-soft:   rgba(255, 255, 255, .055);

  /* ===== Accent：青灰蓝（克制、不跳） ===== */
  --accent:        #93C5FD;   /* 对 --bg 9.8:1 */
  --accent-strong: #3B82F6;
  --accent-hover:  #BFDBFE;
  --accent-active: #2563EB;
  --accent-dim:    rgba(147, 197, 253, .10);
  --on-accent:     #0A1626;   /* 实蓝底上的深墨字 — 7.6:1 */

  /* ===== 状态色：全部降饱和（霓虹色在这套里会显得廉价） ===== */
  --success:       #6EE7B7;
  --success-dim:   rgba(110, 231, 183, .10);
  --warn:          #FCD34D;
  --warn-dim:      rgba(252, 211, 77, .08);
  --danger:        #FCA5A5;
  --danger-dim:    rgba(252, 165, 165, .10);
  --info:          #A5B4FC;
  --info-dim:      rgba(165, 180, 252, .12);

  /* ===== 金色：降饱和为「香槟金」，与整体的克制调性一致 ===== */
  --gold:          #E7C97E;
  --gold-deep:     #C9A857;
  --on-gold:       #2A2210;
  --gold-dim:      rgba(231, 201, 126, .10);

  /* ===== 渐变：**退化为纯色** =====
     tokens.css 头部就把「渐变 → 纯色」列为 ROI 最高的一行改动。
     极简主题正好彻底贯彻：没有渐变，就没有廉价感。 */
  --grad:          var(--accent-strong);

  --focus-ring:    0 0 0 2px rgba(147, 197, 253, .45);

  /* ===== 阴影：极浅、大扩散（高级感的来源，不是深黑硬阴影） ===== */
  --elev-raised:   0 1px 2px rgba(0, 0, 0, .30), 0 8px 32px rgba(0, 0, 0, .28);
  --elev-overlay:  0 1px 2px rgba(0, 0, 0, .34), 0 24px 72px rgba(0, 0, 0, .48);

  /* ===== 圆角：主动收窄（上限 12px，低于 18px 红线） ===== */
  --radius-sm:     4px;
  --radius-md:     6px;
  --radius-lg:     10px;
  --radius-xl:     12px;

  /* ===== 动效：比默认更「慢而稳」，高级感的另一半来自节奏 ===== */
  --motion-fast:   180ms;
  --motion-base:   240ms;
  --motion-slow:   360ms;
}

/* ---- 极简风的处理：全部是「减」而不是「加」 ---- */

/* 去掉默认主题可能带的背景纹理，回归纯净底色 */
[data-theme="minimal"] body {
  background-image: none;
}

/* 卡片：去边框，只用发丝分割线 + 极浅阴影
   （「1px 边框 + 大阴影」同元素是本项目禁止的组合，这里正好只留阴影） */
[data-theme="minimal"] .card,
[data-theme="minimal"] .pane {
  border-color: transparent;
  background: var(--surface);
  box-shadow: var(--elev-raised);
}

/* 主按钮：单色实心，无渐变无发光 */
[data-theme="minimal"] .btn.accent,
[data-theme="minimal"] .btn.primary {
  background: var(--accent-strong);
  color: var(--on-accent);
  border: none;
  box-shadow: none;
}
[data-theme="minimal"] .btn.accent:hover,
[data-theme="minimal"] .btn.primary:hover {
  background: var(--accent-hover);
}

/* 危险按钮：此前全站无定义 → 白字无背景。
   minimal 的 --danger 是浅红 #FCA5A5，白字完全看不清，必须用深墨字。 */
[data-theme="minimal"] .btn.danger {
  background: var(--danger);
  color: #3A1717;
  box-shadow: none;
}
[data-theme="minimal"] .btn.danger:hover { background: #F87171; }

/* 次按钮：幽灵态，只留发丝描边 */
[data-theme="minimal"] .btn.ghost {
  border-color: var(--border);
  background: transparent;
}

/* 选中态：用极淡底色 + 左侧强调竖线，不用整块填充 */
[data-theme="minimal"] .tab.on,
[data-theme="minimal"] .t2.on {
  background: transparent;
  border-color: transparent;
  box-shadow: inset 2px 0 0 var(--accent);
}

/* 顶部导航：单条发丝线，无发光 */
[data-theme="minimal"] .tabs,
[data-theme="minimal"] .topbar {
  border-bottom-color: var(--border);
  box-shadow: none;
}
