/* 手绘便签设计系统：/ops 与 SQLAdmin 的唯一 token 来源。
   参考 designprompts.dev/sketch Hand-Drawn 风格，适配运营后台可读性。 */
:root {
  /* 纸面与卡片 */
  --paper: #fdfbf7;
  --paper-2: #f5f0e6;
  --card: #ffffff;
  --card-2: #fffef9;
  --topbar: #f5f0e6;
  --topbar-ink: #2d2d2d;
  --topbar-muted: #6b6560;
  --topbar-control: #fffef9;
  --postit: #fff9c4;
  --postit-ink: #2d2d2d;
  --line: #2d2d2d;
  --line-soft: #c9c2b4;
  --line-2: #2d2d2d;

  /* 墨水 */
  --ink: #2d2d2d;
  --ink-2: #3f3f3f;
  --muted: #6b6560;
  --faint: #8a837a;

  /* 修正红（主强调）+ 圆珠笔蓝（次强调） */
  --accent: #ff4d4d;
  --accent-ink: #d93636;
  --accent-soft: #ffe0e0;
  --pen: #2d5da1;
  --pen-soft: #dce8f7;

  /* 状态色（保持可读，贴合纸面） */
  --ok: #2f6b3a;
  --ok-soft: #e4f0e2;
  --warn: #8a6a12;
  --warn-soft: #fff3c9;
  --danger: #ff4d4d;
  --danger-soft: #ffe0e0;

  /* 字体：手写标题 + 手写正文；中文回落系统字体 */
  --serif: "Kalam", "Segoe Print", "Comic Sans MS", "Microsoft YaHei", "PingFang SC", cursive;
  --sans: "Patrick Hand", "Segoe Print", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", sans-serif;
  --mono: "SF Mono", "JetBrains Mono", "Consolas", "Courier New", monospace;

  /* 硬偏移阴影（无模糊） */
  --shadow-sm: 2px 2px 0 0 #2d2d2d;
  --shadow: 4px 4px 0 0 #2d2d2d;
  --shadow-lg: 8px 8px 0 0 #2d2d2d;
  --shadow-soft: 3px 3px 0 0 rgba(45, 45, 45, 0.12);

  /* 波浪圆角（不规则） */
  --radius: 255px 15px 225px 15px / 15px 225px 15px 255px;
  --radius-md: 25px 55px 15px 45px / 45px 15px 55px 25px;
  --radius-sm: 12px 18px 10px 16px / 16px 10px 18px 12px;
  --radius-pill: 40% 60% 55% 45% / 55% 40% 60% 45%;
}

/* 暗色：夜间便签 / 墨底纸感（由 data-theme 驱动，JS 同步系统偏好） */
html[data-theme="dark"] {
  color-scheme: dark;
  --paper: #1c1a17;
  --paper-2: #24211c;
  --card: #2a2621;
  --card-2: #322e28;
  --topbar: #f5f0e6;
  --topbar-ink: #2d2d2d;
  --topbar-muted: #6b6560;
  --topbar-control: #fffef9;
  --postit: #725a12;
  --postit-ink: #fff7d1;
  --line: #f2eee3;
  --line-soft: #8f8877;
  --line-2: #e8e0d0;
  --ink: #fffaf0;
  --ink-2: #ece4d6;
  --muted: #d6cec0;
  --faint: #b6ad9c;
  --accent: #ff6b6b;
  --accent-ink: #2a1010;
  --accent-soft: #4a2424;
  --pen: #7eb0e8;
  --pen-soft: #243448;
  --ok: #6dba7a;
  --ok-soft: #1e3a24;
  --warn: #e0b84a;
  --warn-soft: #3a3014;
  --danger: #ff6b6b;
  --danger-soft: #4a2424;
  --shadow-sm: 2px 2px 0 0 #0a0908;
  --shadow: 4px 4px 0 0 #0a0908;
  --shadow-lg: 8px 8px 0 0 #0a0908;
  --shadow-soft: 3px 3px 0 0 rgba(0, 0, 0, 0.35);
}