/* ============================================================
   Summer API · new-api 控制台暖色主题
   ------------------------------------------------------------
   作用：把 new-api 前端的语义化 CSS 变量，重映射成首页
         (apihome.summerstation.online) 的暖色调色板。

   为什么只改变量就够：
     new-api 的前端（Tailwind v4 + shadcn）把颜色、圆角、字体
     全部收敛在 CSS 变量里。覆盖这一层，全站所有页面、组件、
     图表、表格、侧边栏的配色会一起随之改变，不需要逐个页面
     去写样式，也就不会跟官方改版产生结构性冲突。

   为什么用 !important：
     官方前端存在三层叠加覆盖：
       :root            浅色默认值
       .dark            深色值
       [data-theme-preset=...]  配色预设（含 @supports color:lab 分支）
     由于这些选择器的特异度与我们的 :root 相同甚至更高，
     不加 !important 就会被其中一层压掉，出现"改了没用"或
     "深色模式失效"的问题。
     注意：声明顺序上浅色块必须写在深色块之前。

   回滚方式：删掉 nginx 里的两行 sub_filter 注入即可完全复原，
            对 new-api 本身不做任何修改。
   ============================================================ */


/* ------------------------------------------------------------
   浅色：与 index.html 的 :root 一一对应
   bg #f8f5f2 / bg-soft #f3ece6 / fg #3a2a24 / muted #7a6a62
   gold #e07a5f / gold-soft #e8a07a / brown #8b5a3c
   pink #f8d7c9 / pink-soft #fdeef0 / cream #fff8f3
   ------------------------------------------------------------ */
:root {
  /* ---- 基础面 ---- */
  --background: #f8f5f2 !important;
  --bg: #f8f5f2 !important;
  --foreground: #3a2a24 !important;

  /* ---- 卡片 / 浮层 ---- */
  --card: #fff8f3 !important;
  --card-foreground: #3a2a24 !important;
  --popover: #fff8f3 !important;
  --popover-foreground: #3a2a24 !important;

  /* ---- 主色：首页的金色 ---- */
  --primary: #e07a5f !important;
  --primary-foreground: #fff8f3 !important;

  /* ---- 次级 ---- */
  --secondary: #f3ece6 !important;
  --secondary-foreground: #6b4226 !important;

  /* ---- 弱化文字 ---- */
  --muted: #f3ece6 !important;
  --muted-foreground: #7a6a62 !important;

  /* ---- 强调（高亮行、选中项）---- */
  --accent: #fdeef0 !important;
  --accent-foreground: #6b4226 !important;

  /* ---- 危险操作：保留红色语义，但换成暖红 ---- */
  --destructive: #c1553f !important;
  --destructive-foreground: #fff8f3 !important;

  /* ---- 描边 / 输入 / 焦点环 ---- */
  --border: rgba(139, 90, 60, 0.14) !important;
  --input: rgba(139, 90, 60, 0.20) !important;
  --ring: #e07a5f !important;

  --neutral: #f3ece6 !important;
  --neutral-foreground: #3a2a24 !important;

  /* ---- 图表序列 ----
     首页原始色相只有 3 个可用，不足以支撑 5 条曲线，
     因此做暖色系扩展，并额外引入一个灰紫拉开花色间距，
     保证数据页里 5 条线仍能一眼分清。 */
  --chart-1: #e07a5f !important;
  --chart-2: #8b5a3c !important;
  --chart-3: #e8a07a !important;
  --chart-4: #b08bab !important;
  --chart-5: #7d9b8a !important;

  --overview-accent-1: #e07a5f !important;
  --overview-accent-2: #8b5a3c !important;
  --overview-accent-3: #e8a07a !important;
  --condition-accent: #e07a5f !important;
  --condition-label: #7a6a62 !important;
  --condition-line: rgba(139, 90, 60, 0.14) !important;

  /* ---- 状态语义色：暖化但保持可辨 ---- */
  --success: #6f9e7a !important;
  --success-foreground: #fff8f3 !important;
  --success-text: #4e7a58 !important;
  --success-bg: #eef4ef !important;
  --success-border: rgba(111, 158, 122, 0.32) !important;

  --info: #7d9b8a !important;
  --info-foreground: #fff8f3 !important;
  --info-text: #5c7a6a !important;
  --info-bg: #eff3f0 !important;
  --info-border: rgba(125, 155, 138, 0.32) !important;

  --error-text: #c1553f !important;
  --error-bg: #fdeef0 !important;
  --error-border: rgba(193, 85, 63, 0.32) !important;

  /* ---- 提示条 / 通知 ---- */
  --normal-bg: #fff8f3 !important;
  --normal-bg-hover: #f3ece6 !important;
  --normal-text: #3a2a24 !important;
  --normal-border: rgba(139, 90, 60, 0.14) !important;
  --normal-border-hover: rgba(139, 90, 60, 0.26) !important;

  /* ---- 表格 ---- */
  --table-header: #f3ece6 !important;
  --table-header-bg: #f3ece6 !important;
  --table-header-hover: #ece1d9 !important;
  --table-row: #fff8f3 !important;
  --table-disabled: #f3ece6 !important;
  --table-disabled-border: rgba(139, 90, 60, 0.10) !important;
  --table-disabled-hover: #ece1d9 !important;
  --data-table-card-bg: #fff8f3 !important;

  /* ---- 侧边栏 ---- */
  --sidebar: #f3ece6 !important;
  --sidebar-foreground: #3a2a24 !important;
  --sidebar-primary: #e07a5f !important;
  --sidebar-primary-foreground: #fff8f3 !important;
  --sidebar-accent: #f8d7c9 !important;
  --sidebar-accent-foreground: #6b4226 !important;
  --sidebar-border: rgba(139, 90, 60, 0.14) !important;
  --sidebar-ring: #e07a5f !important;

  /* ---- 骨架屏 ---- */
  --skeleton-base: #f0e6e6 !important;
  --skeleton-highlight: #fff8f3 !important;

  /* ---- 圆角：略微软化，贴近首页的圆润语言 ---- */
  --radius: 0.75rem !important;
  --radius-xs: 0.375rem !important;
  --radius-sm: 0.5rem !important;
  --radius-md: 0.625rem !important;
  --radius-lg: 0.875rem !important;
  --border-radius: 0.75rem !important;

  /* ---- 字体：与首页完全一致的字族组合 ----
     拉丁字形优先走 Cormorant / Inter，
     中文字形由 Noto Sans SC / Noto Serif SC 承接。 */
  --font-sans: 'Noto Sans SC', 'Inter', -apple-system, BlinkMacSystemFont,
               'PingFang SC', 'Microsoft YaHei', 'Segoe UI', Roboto, sans-serif !important;
  --font-ui-sans: 'Noto Sans SC', 'Inter', -apple-system, BlinkMacSystemFont,
                  'PingFang SC', 'Microsoft YaHei', 'Segoe UI', Roboto, sans-serif !important;
  --font-body: 'Noto Sans SC', 'Inter', -apple-system, BlinkMacSystemFont,
               'PingFang SC', 'Microsoft YaHei', 'Segoe UI', Roboto, sans-serif !important;
  --font-public-sans: 'Noto Sans SC', 'Inter', -apple-system, sans-serif !important;
  --font-serif: 'Cormorant Garamond', 'Noto Serif SC', Georgia, 'Songti SC', serif !important;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;

  --default-font-family: var(--font-sans) !important;
}


/* ------------------------------------------------------------
   深色：同一套暖色逻辑的夜间推演
   选择器同时覆盖 class 与 attribute 两种写法，
   以兼容不同版本前端切换主题的方式。
   ------------------------------------------------------------ */
.dark,
[data-theme="dark"],
[data-mode="dark"] {
  --background: #241a16 !important;
  --bg: #241a16 !important;
  --foreground: #f0e6e6 !important;

  --card: #2e2320 !important;
  --card-foreground: #f0e6e6 !important;
  --popover: #2e2320 !important;
  --popover-foreground: #f0e6e6 !important;

  --primary: #e8a07a !important;
  --primary-foreground: #2b1d17 !important;

  --secondary: #3a2c26 !important;
  --secondary-foreground: #f0e6e6 !important;

  --muted: #332622 !important;
  --muted-foreground: #b7a49c !important;

  --accent: #3f2d27 !important;
  --accent-foreground: #f8d7c9 !important;

  --destructive: #e0785f !important;
  --destructive-foreground: #2b1d17 !important;

  --border: rgba(240, 230, 230, 0.14) !important;
  --input: rgba(240, 230, 230, 0.20) !important;
  --ring: #e8a07a !important;

  --neutral: #332622 !important;
  --neutral-foreground: #f0e6e6 !important;

  --chart-1: #e8a07a !important;
  --chart-2: #c08a63 !important;
  --chart-3: #f2cdae !important;
  --chart-4: #c4a0c0 !important;
  --chart-5: #9dbba9 !important;

  --overview-accent-1: #e8a07a !important;
  --overview-accent-2: #c08a63 !important;
  --overview-accent-3: #f2cdae !important;
  --condition-accent: #e8a07a !important;
  --condition-label: #b7a49c !important;
  --condition-line: rgba(240, 230, 230, 0.14) !important;

  --success: #8fb99b !important;
  --success-foreground: #1c1410 !important;
  --success-text: #a8ceb3 !important;
  --success-bg: #26332a !important;
  --success-border: rgba(143, 185, 155, 0.32) !important;

  --info: #9dbba9 !important;
  --info-foreground: #1c1410 !important;
  --info-text: #b5cfc0 !important;
  --info-bg: #26302c !important;
  --info-border: rgba(157, 187, 169, 0.32) !important;

  --error-text: #e8937a !important;
  --error-bg: #3a241f !important;
  --error-border: rgba(224, 120, 99, 0.36) !important;

  --normal-bg: #2e2320 !important;
  --normal-bg-hover: #3a2c26 !important;
  --normal-text: #f0e6e6 !important;
  --normal-border: rgba(240, 230, 230, 0.14) !important;
  --normal-border-hover: rgba(240, 230, 230, 0.26) !important;

  --table-header: #332622 !important;
  --table-header-bg: #332622 !important;
  --table-header-hover: #3d2e29 !important;
  --table-row: #2e2320 !important;
  --table-disabled: #2a211d !important;
  --table-disabled-border: rgba(240, 230, 230, 0.10) !important;
  --table-disabled-hover: #3a2c26 !important;
  --data-table-card-bg: #2e2320 !important;

  --sidebar: #2a1f1b !important;
  --sidebar-foreground: #f0e6e6 !important;
  --sidebar-primary: #e8a07a !important;
  --sidebar-primary-foreground: #2b1d17 !important;
  --sidebar-accent: #3f2d27 !important;
  --sidebar-accent-foreground: #f8d7c9 !important;
  --sidebar-border: rgba(240, 230, 230, 0.14) !important;
  --sidebar-ring: #e8a07a !important;

  --skeleton-base: #332622 !important;
  --skeleton-highlight: #3f2d27 !important;
}