/* ============================================================
   EzAPI 主题定制  v2  —  由 nginx sub_filter 注入
   ------------------------------------------------------------
   本实例前端技术栈：Tailwind CSS v4 + shadcn/ui 语义化 token
   （不是 Semi Design —— v1 的 .semi-* 选择器在本实例中不存在）

   品牌色取自站点图标：
     navy   #242b39 / #363e53
     teal   #9eccca   <- 主强调色
     salmon #e9b791
     白     #fdfdfd

   覆盖策略：只在 :root / .dark 上重设 shadcn 语义 token，
   让整个站点（按钮、链接、选中态、focus ring、图表、侧边栏）
   自动跟随，而不用去猜 Tailwind 的工具类名。

   回滚：删除 nginx sub_filter 中的 <link .../ezapi-theme.css> 即可
   ============================================================ */

/* ---------- 1. 字体：补中文字体栈 ---------- */
/* 原 --font-sans 只有 "Public Sans", sans-serif，中文会落到系统默认字体 */
:root {
  --font-sans: "Public Sans", "PingFang SC", "HarmonyOS Sans SC",
               "Microsoft YaHei", "Hiragino Sans GB", "Noto Sans SC",
               -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-body: var(--font-sans);
}

/* ---------- 2. 亮色主题 token ---------- */
:root {
  /* 主色 -> 图标里的 teal（压深一点以保证白底可读性/对比度）*/
  --primary: #2f8f8a;
  --primary-foreground: #ffffff;
  --ring: #9eccca;

  /* 次级色：用品牌 navy 系，替换原来的深蓝 */
  --secondary-foreground: #2b3244;

  /* 侧边栏主色 */
  --sidebar-primary: #2f8f8a;
  --sidebar-primary-foreground: #ffffff;
  --sidebar-ring: #9eccca;
  --sidebar-accent-foreground: #2f8f8a;

  /* 图表配色：teal / salmon / navy 三色系，替换默认彩虹色 */
  --chart-1: #2f8f8a;
  --chart-2: #e9b791;
  --chart-3: #4a5670;
  --chart-4: #7fb8b5;
  --chart-5: #c9865a;

  /* 概览卡片强调色 */
  --overview-accent-1: #2f8f8a;
  --overview-accent-2: #e9b791;
  --overview-accent-3: #4a5670;
}

/* ---------- 3. 暗色主题 token ---------- */
.dark {
  /* 暗色下主色可以更亮，贴近图标原色 */
  --primary: #9eccca;
  --primary-foreground: #1b2230;
  --ring: #9eccca;

  --secondary-foreground: #c6d0e0;

  --sidebar-primary: #9eccca;
  --sidebar-primary-foreground: #1b2230;
  --sidebar-ring: #9eccca;
  --sidebar-accent-foreground: #9eccca;

  --chart-1: #9eccca;
  --chart-2: #e9b791;
  --chart-3: #7d8aa6;
  --chart-4: #7fb8b5;
  --chart-5: #c9865a;

  --overview-accent-1: #9eccca;
  --overview-accent-2: #e9b791;
  --overview-accent-3: #7d8aa6;
}

/* ---------- 4. 导航栏 Logo 尺寸约束 ---------- */
/* 新 logo 是 512x462 的带底方块，需限制高度避免撑破 header（--app-header-height: 3rem）*/
#root header img,
#root nav img,
header img[alt],
img[src*="logo.png"] {
  max-height: 2rem !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}

/* ---------- 5. 滚动条轻量化 ---------- */
::-webkit-scrollbar { width: 9px; height: 9px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
  background: color-mix(in oklch, var(--foreground) 20%, transparent);
  border-radius: 6px;
}
::-webkit-scrollbar-thumb:hover {
  background: color-mix(in oklch, var(--foreground) 34%, transparent);
}

/* ---------- 6. 圆角收敛 ---------- */
/* 默认 --radius:1rem 偏圆；收敛到 0.6rem 更接近现代 SaaS 观感。
   注意：站点自带主题切换器会改写 --radius，因此这里不加 !important，
   以免破坏该功能。*/
:root { --radius: 0.6rem; }

/* ---------- 7. 中文排版微调 ---------- */
:root { line-height: 1.6; }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }