/* ============================================================================
   Agent2API · 「Dracula Pro」皮肤  (data-skin="dracula")
   ----------------------------------------------------------------------------
   配色来源（用户指定，两面**都是暗色**，用户明确不需要真亮色）：
     · data-resolved='light'  → Dracula Neue Pro（无后缀）  bg hsl(245 14% 15%)   accent=紫色
     · data-resolved='dark'   → Dracula Neue Pro (Nosferatu) bg hsl(231 15% 18%)  accent=蓝色
   两面的区分度来自三处（均照抄源文件）：底色色相/亮度、accent 色、粉彩语义色的映射。
   ----------------------------------------------------------------------------
   作用机制
     · 只覆盖 Agent2API 的 --ui-* 设计令牌（ui-kit/styles/theme.css 的 99 个）；
       业务样式用的 --bg/--text/--primary 等 67 个旧名是 var() 转发，自动跟随。
     · boot.js 给 <html> 挂 data-skin="dracula" + data-resolved="light|dark"。
       data-resolved 是解析后的确定值，这样不依赖 theme.css 的
       @media(prefers-color-scheme) 分支，也不会被它抢值。
     · 特异性 (0,3,0) > 原生 (0,2,0)，与加载顺序无关。
     · 想加第二套皮肤：复制本文件、把 data-skin='dracula' 全改成新名字即可。
   ========================================================================== */

/* ══════════════  面 A · Dracula Neue Pro（原文件无后缀，暗色）  ══════════════ */
:root[data-skin='dracula'][data-resolved='light'] {
  /* 底座：色相 245（偏紫的深靛），亮度 15% */
  --ui-background: hsl(245 14% 15%);
  --ui-foreground: hsl(60 30% 96%);
  --ui-card: hsl(245 14% 18%);
  --ui-card-foreground: hsl(60 30% 96%);
  --ui-popover: hsl(245 15% 21%);
  --ui-popover-foreground: hsl(60 30% 96%);
  --ui-raised: hsl(245 15% 21%);
  --ui-surface: hsl(245 14% 18%);
  --ui-surface-2: hsl(245 14% 21%);
  --ui-surface-3: hsl(245 13% 25%);
  --ui-surface-inset: hsl(245 15% 16%);
  --ui-mask: rgb(12 11 20 / 66%);

  /* 线与描边 */
  --ui-border: hsl(60 30% 96% / 12%);
  --ui-border-strong: hsl(60 30% 96% / 22%);
  --ui-hairline: hsl(60 30% 96% / 9%);
  --ui-input: hsl(60 30% 96% / 16%);
  --ui-control-bg: hsl(245 13% 23%);
  --ui-control-hover: hsl(245 13% 27%);
  --ui-control-border: hsl(60 30% 96% / 15%);
  --ui-control-border-hover: hsl(60 30% 96% / 26%);

  /* 文字三档（comment 提亮以保证可读：源文件 comment = bg s25% l55%） */
  --ui-text-2: hsl(60 20% 84%);
  --ui-muted: hsl(245 13% 23%);
  --ui-muted-foreground: hsl(245 25% 68%);

  /* 主色：源文件 accent = var(purple) */
  --ui-primary: hsl(250 100% 75%);
  --ui-primary-foreground: hsl(245 18% 12%);
  --ui-primary-hover: hsl(250 100% 80%);
  --ui-primary-soft: hsl(250 100% 75% / 16%);
  --ui-primary-fg: hsl(250 100% 86%);
  --ui-primary-bd: hsl(250 100% 75% / 40%);
  --ui-primary-tint: hsl(250 100% 75% / 16%);
  --ui-primary-on: hsl(245 18% 12%);
  --ui-secondary: hsl(245 13% 25%);
  --ui-secondary-foreground: hsl(250 100% 86%);
  --ui-accent: hsl(250 100% 75% / 18%);
  --ui-accent-foreground: hsl(60 30% 96%);
  --ui-ring: hsl(250 100% 75%);

  /* 语义色（Dracula Pro 粉彩：hsl(x 100% 75%)） */
  --ui-destructive: hsl(10 100% 75%);
  --ui-destructive-foreground: hsl(245 18% 12%);
  --ui-destructive-soft: hsl(10 100% 75% / 16%);
  --ui-destructive-bd: hsl(10 100% 75% / 38%);
  --ui-destructive-hover: hsl(10 100% 80%);
  --ui-success: hsl(115 100% 75%);
  --ui-success-foreground: hsl(245 18% 12%);
  --ui-success-soft: hsl(115 100% 75% / 16%);
  --ui-success-bd: hsl(115 100% 75% / 38%);
  --ui-warning: hsl(35 100% 75%);
  --ui-warning-foreground: hsl(245 18% 12%);
  --ui-warning-soft: hsl(35 100% 75% / 16%);
  --ui-warning-bd: hsl(35 100% 75% / 38%);
  --ui-info: hsl(170 100% 75%);
  --ui-info-foreground: hsl(245 18% 12%);
  --ui-info-soft: hsl(170 100% 75% / 16%);
  --ui-info-bd: hsl(170 100% 75% / 38%);
  --ui-neutral: hsl(245 25% 68%);
  --ui-neutral-foreground: hsl(245 18% 12%);

  /* 版本标签 / 敏感词 */
  --ui-cn: hsl(10 100% 75%);
  --ui-cn-soft: hsl(10 100% 75% / 16%);
  --ui-cn-bd: hsl(10 100% 75% / 38%);
  --ui-intl: hsl(250 100% 75%);
  --ui-intl-soft: hsl(250 100% 75% / 16%);
  --ui-intl-bd: hsl(250 100% 75% / 38%);
  --ui-sensitive: hsl(330 100% 80%);
  --ui-sensitive-soft: hsl(330 100% 75% / 16%);
  --ui-sensitive-bd: hsl(330 100% 75% / 36%);

  /* 侧栏 / 导航 */
  --ui-sidebar-bg: hsl(245 14% 17%);
  --ui-sidebar-fg: hsl(60 20% 88%);
  --ui-sidebar-muted: hsl(245 22% 64%);
  --ui-rail-bg: hsl(245 14% 18%);
  --ui-nav-hover: hsl(60 30% 96% / 6%);
  --ui-nav-selected-bg: hsl(250 100% 75%);
  --ui-nav-selected-border: hsl(250 100% 75%);
  --ui-nav-selected-fg: hsl(245 18% 12%);
  --ui-nav-count-bg: hsl(250 100% 75% / 26%);
  --ui-sidebar: var(--ui-sidebar-bg);
  --ui-sidebar-foreground: var(--ui-sidebar-fg);
  --ui-sidebar-primary: hsl(250 100% 75%);
  --ui-sidebar-primary-foreground: hsl(245 18% 12%);
  --ui-sidebar-accent: hsl(250 100% 75% / 18%);
  --ui-sidebar-accent-foreground: hsl(250 100% 86%);
  --ui-sidebar-border: hsl(60 30% 96% / 18%);
  --ui-sidebar-ring: hsl(250 100% 75%);

  /* 表格 / 图表 / 骨架 */
  --ui-table-bg: var(--ui-surface);
  --ui-table-head-bg: var(--ui-surface);
  --ui-row-hover: hsl(245 14% 21%);
  --ui-chart-1: hsl(250 100% 75%);
  --ui-chart-2: hsl(170 100% 75%);
  --ui-chart-3: hsl(115 100% 75%);
  --ui-chart-4: hsl(60 100% 75%);
  --ui-chart-5: hsl(330 100% 75%);
  --ui-skeleton-base: hsl(245 13% 23%);
  --ui-skeleton-highlight: hsl(245 13% 29%);

  /* 阴影 */
  --ui-shadow-1: 0 1px 2px rgb(0 0 0 / 40%);
  --ui-shadow-2: 0 1px 2px rgb(0 0 0 / 40%), 0 12px 28px -18px rgb(0 0 0 / 80%);
  --ui-shadow-3: 0 2px 10px rgb(0 0 0 / 45%), 0 26px 60px -24px rgb(0 0 0 / 85%);
  --ui-glow: 0 1px 2px rgb(0 0 0 / 40%), 0 10px 22px -14px hsl(250 100% 75% / 50%);
  --ui-focus-ring: 0 0 0 3px hsl(250 100% 75% / 32%);
}

/* ══════════════  面 B · Dracula Neue Pro (Nosferatu)  ══════════════ */
:root[data-skin='dracula'][data-resolved='dark'] {
  /* 底座：色相 231、亮度 18%，比 Pro 面更大更「蓝灰」 */
  --ui-background: hsl(231 15% 18%);
  --ui-foreground: hsl(60 30% 96%);
  --ui-card: hsl(231 15% 21%);
  --ui-card-foreground: hsl(60 30% 96%);
  --ui-popover: hsl(231 16% 24%);
  --ui-popover-foreground: hsl(60 30% 96%);
  --ui-raised: hsl(231 16% 24%);
  --ui-surface: hsl(231 15% 21%);
  --ui-surface-2: hsl(231 15% 24%);
  --ui-surface-3: hsl(231 14% 28%);
  --ui-surface-inset: hsl(231 16% 19%);
  --ui-mask: rgb(13 14 20 / 64%);

  /* 线与描边 */
  --ui-border: hsl(60 30% 96% / 12%);
  --ui-border-strong: hsl(60 30% 96% / 22%);
  --ui-hairline: hsl(60 30% 96% / 9%);
  --ui-input: hsl(60 30% 96% / 16%);
  --ui-control-bg: hsl(231 14% 26%);
  --ui-control-hover: hsl(231 14% 30%);
  --ui-control-border: hsl(60 30% 96% / 15%);
  --ui-control-border-hover: hsl(60 30% 96% / 26%);

  /* 文字三档 */
  --ui-text-2: hsl(60 20% 84%);
  --ui-muted: hsl(231 14% 26%);
  --ui-muted-foreground: hsl(225 27% 68%);

  /* 主色：源文件 accent = var(blue) */
  --ui-primary: hsl(210 100% 75%);
  --ui-primary-foreground: hsl(231 20% 12%);
  --ui-primary-hover: hsl(210 100% 80%);
  --ui-primary-soft: hsl(210 100% 75% / 16%);
  --ui-primary-fg: hsl(210 100% 86%);
  --ui-primary-bd: hsl(210 100% 75% / 40%);
  --ui-primary-tint: hsl(210 100% 75% / 16%);
  --ui-primary-on: hsl(231 20% 12%);
  --ui-secondary: hsl(231 14% 28%);
  --ui-secondary-foreground: hsl(210 100% 86%);
  --ui-accent: hsl(210 100% 75% / 18%);
  --ui-accent-foreground: hsl(60 30% 96%);
  --ui-ring: hsl(210 100% 75%);

  /* 语义色 */
  --ui-destructive: hsl(10 100% 75%);
  --ui-destructive-foreground: hsl(231 20% 12%);
  --ui-destructive-soft: hsl(10 100% 75% / 16%);
  --ui-destructive-bd: hsl(10 100% 75% / 38%);
  --ui-destructive-hover: hsl(10 100% 80%);
  --ui-success: hsl(115 100% 75%);
  --ui-success-foreground: hsl(231 20% 12%);
  --ui-success-soft: hsl(115 100% 75% / 16%);
  --ui-success-bd: hsl(115 100% 75% / 38%);
  --ui-warning: hsl(35 100% 75%);
  --ui-warning-foreground: hsl(231 20% 12%);
  --ui-warning-soft: hsl(35 100% 75% / 16%);
  --ui-warning-bd: hsl(35 100% 75% / 38%);
  /* 主色占了蓝，info 用青，避免与按钮同色 */
  --ui-info: hsl(170 100% 75%);
  --ui-info-foreground: hsl(231 20% 12%);
  --ui-info-soft: hsl(170 100% 75% / 16%);
  --ui-info-bd: hsl(170 100% 75% / 38%);
  --ui-neutral: hsl(225 27% 68%);
  --ui-neutral-foreground: hsl(231 20% 12%);

  /* 版本标签 / 敏感词 */
  --ui-cn: hsl(10 100% 75%);
  --ui-cn-soft: hsl(10 100% 75% / 16%);
  --ui-cn-bd: hsl(10 100% 75% / 38%);
  --ui-intl: hsl(250 100% 75%);
  --ui-intl-soft: hsl(250 100% 75% / 16%);
  --ui-intl-bd: hsl(250 100% 75% / 38%);
  --ui-sensitive: hsl(330 100% 80%);
  --ui-sensitive-soft: hsl(330 100% 75% / 16%);
  --ui-sensitive-bd: hsl(330 100% 75% / 36%);

  /* 侧栏 / 导航 */
  --ui-sidebar-bg: hsl(231 15% 19%);
  --ui-sidebar-fg: hsl(60 20% 88%);
  --ui-sidebar-muted: hsl(225 25% 62%);
  --ui-rail-bg: hsl(231 15% 20%);
  --ui-nav-hover: hsl(60 30% 96% / 6%);
  --ui-nav-selected-bg: hsl(210 100% 75%);
  --ui-nav-selected-border: hsl(210 100% 75%);
  --ui-nav-selected-fg: hsl(231 20% 12%);
  --ui-nav-count-bg: hsl(210 100% 75% / 26%);
  --ui-sidebar: var(--ui-sidebar-bg);
  --ui-sidebar-foreground: var(--ui-sidebar-fg);
  --ui-sidebar-primary: hsl(210 100% 75%);
  --ui-sidebar-primary-foreground: hsl(231 20% 12%);
  --ui-sidebar-accent: hsl(210 100% 75% / 18%);
  --ui-sidebar-accent-foreground: hsl(210 100% 86%);
  --ui-sidebar-border: hsl(60 30% 96% / 18%);
  --ui-sidebar-ring: hsl(210 100% 75%);

  /* 表格 / 图表 / 骨架 */
  --ui-table-bg: var(--ui-surface);
  --ui-table-head-bg: var(--ui-surface);
  --ui-row-hover: hsl(231 15% 24%);
  --ui-chart-1: hsl(210 100% 75%);
  --ui-chart-2: hsl(170 100% 75%);
  --ui-chart-3: hsl(115 100% 75%);
  --ui-chart-4: hsl(60 100% 75%);
  --ui-chart-5: hsl(330 100% 75%);
  --ui-skeleton-base: hsl(231 14% 26%);
  --ui-skeleton-highlight: hsl(231 14% 32%);

  /* 阴影 */
  --ui-shadow-1: 0 1px 2px rgb(0 0 0 / 40%);
  --ui-shadow-2: 0 1px 2px rgb(0 0 0 / 40%), 0 12px 28px -18px rgb(0 0 0 / 80%);
  --ui-shadow-3: 0 2px 10px rgb(0 0 0 / 45%), 0 26px 60px -24px rgb(0 0 0 / 85%);
  --ui-glow: 0 1px 2px rgb(0 0 0 / 40%), 0 10px 22px -14px hsl(210 100% 75% / 50%);
  --ui-focus-ring: 0 0 0 3px hsl(210 100% 75% / 32%);
}

/* ══════════════  补刀：四处不读 token 的硬编码色  ══════════════ */
:root[data-skin='dracula'] ::selection {
  background: hsl(250 100% 75% / 32%);
  color: hsl(60 30% 96%);
}
/* 请求页「敏感词」紫是本地副本（page-requests.css:522-531） */
:root[data-skin='dracula'] .badge.tag.sensitive {
  border-color: hsl(330 100% 75% / 36%);
  background: hsl(330 100% 75% / 16%);
  color: hsl(330 100% 80%);
}