/* theme-apple.css — Apple 皮肤「变量别名层」（M179）
   ═══════════════════════════════════════════════════════════════════════════
   本文件只做一件事：在 html[data-theme="apple"] 作用域下**重定义变量**。
   不含任何选择器重写、不含任何结构规则——不写 data-theme（或写别的值）时
   下面的声明一条都不命中，页面与现网逐像素一致；加载本文件本身零副作用。

   块① lims2.css :root 的全量别名：#f5f5f7 画布、#0071e3 主色、4px 光晕、
      发丝线、石墨深侧栏。form-kit.js 的色值钩子（PARITY_STYLE ④⑤ 读
      --blue-500 / --focus / --danger / --focus-danger）与校验错误态
      （[aria-invalid] 红框红光晕、label:has(:required) 星号 --danger）
      全部读这些变量，因此 choices 皮肤与错误态自动跟随，form-kit 一行不改。
   块② choices.js 引擎层：vendor choices.min.css 的每个颜色/圆角都写成
      var(--choices-*, 默认值) 且从不自带定义，这里按同一机制给定 Apple 值，
      面板、内框、芯片、检索框、箭头、高亮随主题走。几何（间距/字号/z 序/
      --choices-guttering）刻意不动，与默认主题保持同一布局。

   变量改不动的点（lims2.css 硬编码字面量，非变量，别名层够不着；见回报）：
   按钮 6px 圆角（胶囊化不可达）、.panel 8px / .modal 9px 圆角、表头与 kv 块
   的 #f8fafb 底色、topbar 半透明白、.status.neutral 的 #f0f2f5、禁用态
   #f4f6f9、toast 的 #1f2937，以及侧栏悬停/激活/标题的 color:#fff（故侧栏
   只能做深色变体，做不了 macOS 设置那种浅色侧栏）。 */
[data-theme="apple"] {
  /* 主色阶：Apple 蓝 #0071e3（#0064c8 = 按钮悬停/按压加深档） */
  --blue-700:#0064c8; --blue-600:#0071e3; --blue-500:#0071e3; --blue-100:#d6e9fb; --blue-50:#f0f6fe;
  --teal:#1b7f90; --teal-light:#e6f4f7;
  /* 文字：Apple 三阶灰（primary #1d1d1f / secondary #6e6e73 / tertiary #a1a1a6） */
  --ink:#1d1d1f; --text:#424245; --muted:#6e6e73; --weak:#a1a1a6;
  /* 边框与画布：发丝线（#d2d2d7 控件描边 / #e5e5ea 分隔线）+ #f5f5f7 画布 */
  --border:#d2d2d7; --line:#e5e5ea; --bg:#f5f5f7; --surface:#ffffff;
  /* 状态色：苹果绿 #248a3d、橙 #b25000、红 #e30000（与 style-lab apple 样本同源） */
  --success:#248a3d; --success-bg:#e9f7ee;
  --warning:#b25000; --warning-bg:#fff3e1;
  --danger:#e30000; --danger-bg:#fdeeee;
  --info:#0068ca; --info-bg:#eef5fe;
  /* 光晕：默认 3px 4px 化（任务口径「4px 光晕」），红光晕用 Apple systemRed #ff3b30 */
  --shadow:0 12px 32px rgba(0,0,0,.16);
  --focus:0 0 0 4px rgba(0,113,227,.22);
  --focus-danger:0 0 0 4px rgba(255,59,48,.22);
  --form-control-height:36px;
  /* 下拉三角：同一枚 SVG，只把描边换成 Apple 灰阶（默认 #667085/#aab2bf） */
  --select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 7'%3E%3Cpath d='M1 1.4L6 5.5 11 1.4' fill='none' stroke='%236e6e73' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --select-arrow-off:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 7'%3E%3Cpath d='M1 1.4L6 5.5 11 1.4' fill='none' stroke='%23a1a1a6' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --select-arrow-size:12px 7px;
  --select-arrow-x:right 10px center;
  --select-arrow-gap:28px;
  /* 侧栏：石墨深色变体（浅色侧栏做不了——悬停/激活/标题的 #fff 写死在 lims2.css）。
     活动点用 iOS 深色档系统蓝 #0a84ff。 */
  --side-bg:#1d1d1f;
  --side-grad-a:#1d1d1f; --side-grad-b:#1d1d1f; --side-grad-c:#2c2c2e;
  --side-text:#e8e8ed; --side-soft:#b0b0b8; --side-muted:#8e8e93;
  --side-line:rgba(255,255,255,.12); --side-hover:rgba(255,255,255,.08);
  --side-badge-bg:rgba(255,255,255,.14); --side-badge-text:#e8e8ed;
  --side-active-dot:#0a84ff;
}
[data-theme="apple"] {
  /* choices.js 引擎层（vendor 全走 var(--choices-*, 默认值) 且不自带定义）：
     内框/面板白底、#d2d2d7 描边、6px 圆角（与 input 的 6px 对齐）、
     芯片 #0071e3 胶囊、箭头 #6e6e73、悬停 #f2f2f7（iOS systemGray6）。 */
  --choices-bg-color:#ffffff;
  --choices-bg-color-dropdown:#ffffff;
  --choices-bg-color-disabled:#f5f5f7;
  --choices-keyline-color:#d2d2d7;
  --choices-border-radius:6px;
  --choices-border-radius-item:980px;
  --choices-primary-color:#0071e3;
  --choices-item-color:#ffffff;
  --choices-item-disabled-color:#a1a1a6;
  --choices-text-color:#6e6e73;
  --choices-highlight-color:#0071e3;
  --choices-highlighted-color:#f2f2f7;
  --choices-invalid-color:#e30000;
}
