/* ============================================================
 * applecoffee 粉色皮肤 skin.css
 * 由 _gen_skin_css.py 生成
 * ============================================================
 * 注意：本文件【不再承担配色改写】。
 *   全站配色（teal->pink、slate->暖紫）已改由 Caddy 在响应体层面完成，
 *   见 caddy-skin/color-map.conf —— 因为 Vite 懒加载的 CSS 分片总是
 *   在 /skin.css 之后注入，且带 [data-v-xxx] 高特异性选择器，CSS 覆盖打不过。
 *   本文件只负责：页面底色、交互过渡、圆角、浅色模式小字可读性。
 * ============================================================ */

/* --- 浅色模式基调（誉哥指定底色 #FBE6EE）--- */
html:not(.dark){color-scheme:light}
html:not(.dark) body{background-color:#fbe6ee !important}
/* 中性灰底调暖，与粉色底和谐（仅浅色） */
html:not(.dark) .bg-gray-50,
html:not(.dark) .bg-slate-50{background-color:#fdf7fa}
/* 浅色下 text-gray-400(#9ca3af) 在白底仅 2.5:1，表头/单位小字看不清 -> 换暖灰 ~4.8:1 */
html:not(.dark) .text-gray-400{color:#7c6e75}

/* --- 深色模式：交给应用自身的 dark 表面，只补底色兜底 --- */
html.dark{color-scheme:dark}
html.dark body{background-color:#090608}

/* --- 交互过渡，提升顺滑感 --- */
a,button,[role="button"],input,select,textarea,summary,label{
  transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,opacity .18s ease,transform .18s ease;
}

/* --- 卡片轻微圆角统一 --- */
.card,.shadow-card{border-radius:14px}