/* =========================================================
   浅色主题覆盖（仿 panhub.shenzjd.com 浅色背景）
   本文件在 tailwind.css 之后加载，用于把站点整体翻成浅底深字。
   仅修改背景与配色层级，不改变布局结构。
   ========================================================= */

/* 1) 颜色变量翻成浅色（覆盖 tailwind.css 中的 :root / .dark） */
:root,
.dark {
	--background: 40 100% 98%;        /* #fffdf8 米白 */
	--foreground: 220 30% 17%;        /* #1f2937 主文字 */
	--card: 0 0% 100%;                /* #ffffff 卡片 */
	--card-foreground: 220 30% 17%;
	--popover: 0 0% 100%;
	--popover-foreground: 220 30% 17%;
	--secondary: 39 40% 94%;
	--secondary-foreground: 220 30% 17%;
	--muted: 39 40% 92%;
	--muted-foreground: 220 9% 46%;   /* #6b7280 */
	--accent: 0 85% 55%;
	--accent-foreground: 0 0% 100%;
	--border: 39 28% 86%;             /* #e5dfd0 浅边框 */
	--input: 39 28% 86%;
	--ring: 0 85% 55%;
	--gradient-hero: linear-gradient(180deg, transparent 0%, hsl(40 60% 98% / .7) 50%, hsl(40 60% 98%) 100%);
	--gradient-card: linear-gradient(180deg, transparent 40%, hsl(40 40% 90% / .95) 100%);
	--shadow-card: 0 8px 32px hsl(0 0% 0% / .08);
	--sidebar-background: 0 0% 100%;
	--sidebar-foreground: 220 30% 17%;
	--sidebar-primary: 0 85% 55%;
	--sidebar-primary-foreground: 0 0% 100%;
	--sidebar-accent: 39 40% 92%;
	--sidebar-accent-foreground: 220 30% 17%;
	--sidebar-border: 39 28% 86%;
	--sidebar-ring: 0 85% 55%;
}

/* 2) 页面背景换成 panhub 浅米白（含淡黄/淡青径向渐变） */
html,
body {
	background:
		radial-gradient(circle at 12% -10%, #fff3d9 0%, transparent 42%),
		radial-gradient(circle at 90% 8%, #d9f7f3 0%, transparent 35%),
		#fffdf8 !important;
	color: hsl(var(--foreground)) !important;
}

/* 3) 深底工具类 -> 浅底 */
.bg-dark-900 { background-color: #f3efe6 !important; }
.bg-dark-800 { background-color: #f7f3ea !important; }
.bg-dark-700 { background-color: #ffffff !important; box-shadow: 0 1px 3px rgba(0, 0, 0, .06); }
.bg-dark-600 { background-color: #ffffff !important; box-shadow: 0 1px 3px rgba(0, 0, 0, .06); }

/* 4) 边框 */
.border-dark { border-color: #e5dfd0 !important; }

/* 5) 白字 -> 深字（保证浅底可读） */
.text-white,
.text-white\/90,
.text-white\/80 { color: #1f2937 !important; }
.text-white\/60 { color: #4b5563 !important; }

/* 6) 浅灰文字（原用于深底）-> 深灰，保证对比度 */
.text-gray-100 { color: #111827 !important; }
.text-gray-200 { color: #1f2937 !important; }
.text-gray-300 { color: #374151 !important; }
.text-gray-400 { color: #4b5563 !important; }
.text-gray-500 { color: #6b7280 !important; }

/* 7) 保留“彩色按钮 / 深色遮罩”里的白字，不被上面的规则改掉 */
[class*="bg-primary"],
[class*="bg-red-600"],
[class*="bg-yellow-500"],
.bg-black,
.bg-black\/40,
.banner-gradient,
[class*="bg-gradient-to"],
[class*="from-black"],
[class*="to-black"],
[class*="via-black"],
[class*="bg-primary"] *,
[class*="bg-red-600"] *,
[class*="bg-yellow-500"] *,
.bg-black *,
.bg-black\/40 *,
.banner-gradient *,
[class*="bg-gradient-to"] *,
[class*="from-black"] *,
[class*="to-black"] *,
[class*="via-black"] * {
	color: #ffffff !important;
}