/* Authelia 登录页 - 100元红（浅背景 / 深交互）
 * 上传到 /opt/web/基础设施/反代/www/acme/auth-red.css
 * 由 Nginx 在 location /auth 用 sub_filter 注入：
 *   <link rel="stylesheet" href="/auth/auth-red.css">
 * 同源样式表满足 Authelia 严格 CSP 的 style-src 'self'（内联 <style> 会被 nonce 拦截，link 不受限）。
 *
 * 明度层级：
 * - 背景层：暖白 #FDF8F6（100元红 的浅色档 / 中性暖白）
 * - 交互组件（主按钮/输入框/勾选框/链接）：100元红 500/600/700 深色档，与浅底清晰对比
 * - 状态：按钮默认 600 深档，悬停提亮至 500，点击压暗至 800
 */

/* 页面背景：暖白（浅色档） */
body {
  background-color: #fdf8f6 !important;
}

/* 主按钮：100元红 600 深档（深交互） */
.MuiButton-containedPrimary {
  background-color: #cd445e !important;
  color: #ffffff !important;
}
/* 悬停提亮（向浅过渡） */
.MuiButton-containedPrimary:hover {
  background-color: #d85b72 !important;
}
/* 点击压暗（向更深过渡） */
.MuiButton-containedPrimary:active {
  background-color: #962a3e !important;
}

/* 链接 / 强调文字：深红 */
.MuiLink-root,
a {
  color: #b4344c !important;
}

/* 输入框聚焦边框：深红 */
.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: #cd445e !important;
  border-width: 2px;
}

/* 勾选框（记住我）勾选态：深红 */
.MuiCheckbox-colorPrimary.Mui-checked {
  color: #cd445e !important;
}