/* ============================================================
   PDF助手 - 深色模式 dark.css
   主题由 html[data-theme] 控制：dark(夜间)/light(日间)。
   仅覆盖颜色令牌与少量组件细节，布局全部继承 main.css。
   ============================================================ */

:root[data-theme='dark'] {
  --bg: #0d1017;
  --bg-card: #141926;
  --bg-elev: #171d2c;
  --bg-hover: #1c2334;
  --bg-inset: #1a2130;
  --border: #232c40;
  --border-strong: #2f3a55;

  --text-1: #e9ecf6;
  --text-2: #a8afc5;
  --text-3: #697089;

  --brand-soft: rgba(99, 102, 241, 0.17);

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.45), 0 2px 8px rgba(0, 0, 0, 0.3);
  --shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.65), 0 2px 8px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 28px 70px -18px rgba(0, 0, 0, 0.75);

  /* 分类色微调亮，保证深色底对比度 */
  --c-convert: #fbbf24;
  --c-edit: #60a5fa;
  --c-security: #f87171;
  --c-extract: #34d399;
  --c-organize: #a78bfa;
  --c-forms: #f472b6;
  --c-misc: #94a3b8;
}

/* Hero 背景光晕在深色下更含蓄 */
:root[data-theme='dark'] .hero {
  background:
    radial-gradient(700px 320px at 15% 0%, rgba(124, 58, 237, 0.12), transparent 60%),
    radial-gradient(700px 320px at 85% 10%, rgba(79, 70, 229, 0.14), transparent 60%),
    radial-gradient(520px 260px at 50% 100%, rgba(59, 130, 246, 0.06), transparent 65%);
}

/* 危险按钮 */
:root[data-theme='dark'] .btn-danger { background: rgba(220, 38, 38, 0.16); color: #fca5a5; }
:root[data-theme='dark'] .btn-danger:hover { background: rgba(220, 38, 38, 0.26); }

/* Toast 深色底 */
:root[data-theme='dark'] .toast { background: #232b41; color: #e9ecf6; }
:root[data-theme='dark'] .toast.ok { background: #12301f; color: #86efac; }
:root[data-theme='dark'] .toast.err { background: #37161d; color: #fca5a5; }
:root[data-theme='dark'] .toast.warn { background: #33250d; color: #fcd34d; }

/* 隐私徽标 */
:root[data-theme='dark'] .privacy-chip {
  background: rgba(52, 211, 153, 0.1);
  border-color: rgba(52, 211, 153, 0.25);
}

/* 签名板保持纸面白底（签名需要白色背景） */
:root[data-theme='dark'] .sign-pad { background: #ffffff; }

/* 编辑器画布底衬 */
:root[data-theme='dark'] .editor-stage,
:root[data-theme='dark'] .fi-thumb { background: var(--bg-inset); }

/* 表单输入的日期/自动填充适配 */
:root[data-theme='dark'] input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #1a2130 inset;
  -webkit-text-fill-color: #e9ecf6;
}

/* 细滚动条 */
:root[data-theme='dark'] *::-webkit-scrollbar { width: 10px; height: 10px; }
:root[data-theme='dark'] *::-webkit-scrollbar-thumb { background: #2c3650; border-radius: 6px; }
:root[data-theme='dark'] *::-webkit-scrollbar-track { background: transparent; }