/* ============================================================
   MusicTagWeb · tags.weime.net.cn
   技术栈：Vue + DaisyUI
   注入方式：Nginx sub_filter 覆盖

   实测原值：--p: 76.172% 0.089459 200.026556（青色系）
   DaisyUI 主题变量格式为 oklch 的 "L% C H"，以下数值由目标 hex 精确换算：
     #23a762 -> 64.3830% 0.150294 154.4180   （主色）
     #1a854e -> 54.5370% 0.126183 154.8274   （深色 / 强调）
     #d4f0e0 -> 93.0357% 0.036359 160.6092   （浅色 / 次色）
     #122b1e -> 26.4360% 0.039960 159.2644   （深墨，用于浅底文字）

   覆盖 --p 后，DaisyUI 的 btn-primary / badge-primary / link-primary
   / text-primary / border-primary 会全部自动跟随，无需逐个改。
   ============================================================ */

:root {
  --p:  64.3830% 0.150294 154.4180 !important;  /* primary */
  --pc: 100% 0 0 !important;                    /* primary-content：纯白文字 */
  --s:  93.0357% 0.036359 160.6092 !important;  /* secondary：浅绿 */
  --sc: 26.4360% 0.039960 159.2644 !important;  /* secondary-content：深墨 */
  --a:  54.5370% 0.126183 154.8274 !important;  /* accent */
  --ac: 100% 0 0 !important;                    /* accent-content */

  /* 背景与文字：DaisyUI 的 base-100/200/300 与 base-content
     原值 light 为 --b1:100% 0 0 / --bc:0% 0 0，这里统一到入口页色板 */
  --b1: 95.3918% 0.011873 145.4816 !important;  /* 页面背景 #ebf2eb */
  --b2: 100% 0 0 !important;                    /* 卡片 #ffffff */
  --b3: 88.9162% 0.013806 145.4580 !important;  /* 边框/分隔 #d5ddd5 */
  --bc: 24.4868% 0.023530 162.2930 !important;  /* 主文字 #16241d */
}

/* 兜底：页面根元素背景与文字（防止个别组件写死白色） */
html, body {
  background-color: #ebf2eb !important;
  color: #16241d !important;
}

/* 实测：页面背景由 <div id="app" class="bg-base-200"> 承担。
   DaisyUI 的 base-200 在本站被当作页面底色用，
   而 base-100 才是卡片色，两者不能混用。                        */
#app,
.bg-base-200 { background-color: #ebf2eb !important; }
.bg-base-100 { background-color: #ffffff !important; }

/* 实测：登录页的"登录"按钮和"忘记密码"链接用的是硬编码的 Tailwind
   indigo 色阶类（.bg-indigo-600 = #4f46e5），并不走 DaisyUI 的 --p，
   所以覆盖了变量按钮也不会变色，必须直接命中 indigo 类。            */
.bg-indigo-600,
.bg-indigo-700 { background-color: #23a762 !important; }
.bg-indigo-500 { background-color: #1a854e !important; }
.text-indigo-500,
.text-indigo-600,
.text-indigo-700 { color: #1a854e !important; }
.border-indigo-500,
.border-indigo-600 { border-color: #23a762 !important; }

/* 顶部导航栏统一用主色 */
.navbar { background-color: #23a762 !important; }

/* 兜底：个别组件写死了色值而非引用主题变量 */
.btn-primary { background-color: #23a762 !important; border-color: #1a854e !important; color: #fff !important; }
.btn-primary:hover { background-color: #1a854e !important; }
.badge-primary { background-color: #23a762 !important; }
.text-primary  { color: #1a854e !important; }
.border-primary { border-color: #23a762 !important; }
.link-primary { color: #1a854e !important; }

/* 选中态、输入焦点、进度条 */
::selection { background: #23a762; color: #fff; }
::-moz-selection { background: #23a762; color: #fff; }
.input:focus, .select:focus, .textarea:focus,
.input:focus-within, .select:focus-within, .textarea:focus-within {
  outline-color: #23a762 !important;
  border-color: #23a762 !important;
}
.checkbox-primary:checked, .radio-primary:checked,
.toggle-primary:checked, .range-primary {
  background-color: #23a762 !important;
  border-color: #23a762 !important;
}
.tab-active, .tabs-boxed .tab-active:not(.tab-disabled):not([disabled]) {
  background-color: #23a762 !important;
  color: #fff !important;
}
.progress-primary::-webkit-progress-value { background-color: #23a762 !important; }
