/* ============================================================
 * 船长科技 · 日间白色主题（蓝绿主色）
 * 2026-10-21 追加，在 index-*.css 之后加载
 * 回滚：删掉 index.html 里 cz-light.css 的 <link> 即可
 * ============================================================ */

:root {
  /* 基础 */
  --background: #f6f8fb;
  --foreground: #0f172a;
  --card: #ffffff;
  --card-foreground: #0f172a;
  --popover: #ffffff;
  --popover-foreground: #0f172a;

  /* 主色：蓝绿 */
  --primary: #0891b2;
  --primary-foreground: #ffffff;
  --secondary: #f1f5f9;
  --secondary-foreground: #0f172a;
  --muted: #f1f5f9;
  --muted-foreground: #64748b;
  --accent: #10b981;
  --accent-foreground: #ffffff;
  --destructive: #ef4444;
  --border: #e2e8f0;
  --input: #e2e8f0;
  --ring: #0891b2;

  --chart-1: #0891b2;
  --chart-2: #10b981;
  --chart-3: #3b82f6;
  --chart-4: #8b5cf6;
  --chart-5: #f59e0b;

  /* 侧栏 */
  --sidebar: #ffffff;
  --sidebar-foreground: #0f172a;
  --sidebar-primary: #0891b2;
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: #f1f5f9;
  --sidebar-accent-foreground: #0f172a;
  --sidebar-border: #e2e8f0;
  --sidebar-ring: #0891b2;

  /* 侧栏 HSL 变量（原 CSS 第一段用 HSL 写法） */
  --sidebar-background: 0 0% 100%;
  --sidebar-foreground: 222 47% 11%;
}

/* ---------- 背景 ---------- */
.bg-\[\#0d1117\] { background-color: #f6f8fb !important; }
.bg-\[\#161b22\] { background-color: #ffffff !important; }
.bg-\[\#1c2128\] { background-color: #ffffff !important; }
.bg-\[\#21262d\] { background-color: #f1f5f9 !important; }
.bg-\[\#30363d\] { background-color: #e2e8f0 !important; }

/* ---------- 边框 ---------- */
.border-\[\#30363d\] { border-color: #e2e8f0 !important; }
.border-\[\#21262d\] { border-color: #e2e8f0 !important; }
.border-\[\#484f58\] { border-color: #cbd5e1 !important; }
.border-\[\#8b949e\] { border-color: #94a3b8 !important; }
.border-\[\#161b22\] { border-color: #e2e8f0 !important; }
.border-\[\#3a4250\] { border-color: #cbd5e1 !important; }
.border-\[\#666\]    { border-color: #cbd5e1 !important; }

/* ---------- 文字 ---------- */
.text-\[\#e6edf3\] { color: #0f172a !important; }
.text-\[\#c9d1d9\] { color: #334155 !important; }
.text-\[\#8b949e\] { color: #64748b !important; }
.text-\[\#484f58\] { color: #94a3b8 !important; }
.text-\[\#6e7681\] { color: #94a3b8 !important; }
.text-\[\#30363d\] { color: #94a3b8 !important; }
.text-\[\#9aa0a6\] { color: #64748b !important; }

/* 图标填充 */
.fill-\[\#1c2128\] { fill: #e2e8f0 !important; }

/* ---------- text-white ----------
 * 默认改深色（原来都用深底白字）；登录页左栏（照片背景）与实色彩色按钮保留白色 */
.text-white { color: #0f172a !important; }
.login-split .text-white { color: #ffffff !important; }
.text-primary-foreground { color: #ffffff !important; }

/* 实色彩色按钮上的白字保留 */
[class*="bg-blue-"].text-white,
[class*="bg-green-"].text-white,
[class*="bg-red-"].text-white,
[class*="bg-emerald-"].text-white,
[class*="bg-teal-"].text-white,
[class*="bg-cyan-"].text-white,
[class*="bg-orange-"].text-white,
[class*="bg-purple-"].text-white,
[class*="bg-indigo-"].text-white,
[class*="bg-rose-"].text-white,
[class*="bg-slate-"].text-white,
[class*="bg-primary"].text-white,
[class*="bg-destructive"].text-white,
.bg-\[\#2ea043\].text-white,
.bg-\[\#238636\].text-white,
.bg-\[\#22c55e\].text-white,
.bg-\[\#4285f4\].text-white { color: #ffffff !important; }

/* ---------- 带透明度的深色变体 ---------- */
.border-\[\#30363d\]\/50 { border-color: rgb(226 232 240 / .5) !important; }
.border-\[\#30363d\]\/30 { border-color: rgb(226 232 240 / .3) !important; }
.border-\[\#8b949e\]\/50 { border-color: rgb(203 213 225 / .5) !important; }
.border-\[\#8b949e\]\/30 { border-color: rgb(203 213 225 / .3) !important; }
.bg-\[\#0d1117\]\/80 { background-color: rgb(246 248 251 / .8) !important; }

/* ---------- 品牌渐变：红橙 → 蓝绿 ---------- */
.from-red-500   { --tw-gradient-from: #0ea5e9 !important; }
.to-orange-500  { --tw-gradient-to:   #10b981 !important; }
.from-red-400   { --tw-gradient-from: #38bdf8 !important; }
.to-orange-400  { --tw-gradient-to:   #34d399 !important; }

/* ---------- 细节 ---------- */
::selection { background: #bae6fd; color: #0f172a; }

/* 滚动条：浅色轨道 + 蓝绿滑块 */
* {
  scrollbar-color: #cbd5e1 #f1f5f9;
}
*::-webkit-scrollbar { width: 10px; height: 10px; }
*::-webkit-scrollbar-track { background: #f1f5f9; }
*::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 6px;
  border: 2px solid #f1f5f9;
}
*::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* 输入框占位符在浅色下要够灰 */
input::placeholder, textarea::placeholder { color: #94a3b8 !important; }

/* 深色阴影在浅色底上太重，减淡 */
.shadow-2xl { box-shadow: 0 12px 32px -12px rgba(15, 23, 42, .18) !important; }