/* ══════════════════════════════════════════════════════════════════════
   UI 皮肤：海洋蓝 / 静谧绿 / 深色主题
   配合 html[data-skin] + html[data-theme]
   ══════════════════════════════════════════════════════════════════════ */

/* ── 海洋蓝（默认浅色，偏蓝灰背景） ── */
html[data-skin="ocean"][data-theme="light"] {
  --kd-color-background-base: rgba(243, 247, 252, 1);
  --kd-color-background-group: rgba(248, 250, 253, 1);
  --kd-color-background-plate: rgba(237, 244, 255, 1);
  --kd-color-background-frame: rgba(230, 238, 248, 1);
}

/* ── 静谧绿（浅色，绿色主色 + 淡绿背景） ── */
html[data-skin="green"][data-theme="light"] {
  --kd-color-public-normal: rgba(var(--kd-color-teal-6), 1);
  --kd-color-public-hover: rgba(var(--kd-color-teal-5), 1);
  --kd-color-public-pressed: rgba(var(--kd-color-teal-7), 1);
  --kd-color-public-light: rgba(var(--kd-color-teal-1), 1);

  --kd-color-text-public: rgba(var(--kd-color-teal-7), 1);
  --kd-color-icon-public: rgba(var(--kd-color-teal-7), 1);
  --kd-color-line-public: rgba(var(--kd-color-teal-3), 1);
  --kd-color-state-pressed-public: rgba(var(--kd-color-teal-6), 0.1);

  --kd-color-brand-normal: rgba(var(--kd-color-teal-6), 1);
  --kd-color-brand-hover: rgba(var(--kd-color-teal-5), 1);
  --kd-color-brand-pressed: rgba(var(--kd-color-teal-7), 1);
  --kd-color-brand-light: rgba(var(--kd-color-teal-1), 1);
  --kd-color-text-brand: rgba(var(--kd-color-teal-7), 1);
  --kd-color-icon-brand: rgba(var(--kd-color-teal-7), 1);
  --kd-color-state-pressed-brand: rgba(var(--kd-color-teal-6), 0.1);

  --kd-color-background-base: rgba(243, 248, 245, 1);
  --kd-color-background-group: rgba(248, 251, 249, 1);
  --kd-color-background-plate: rgba(237, 246, 240, 1);
  --kd-color-background-frame: rgba(228, 241, 234, 1);
  --kd-color-background-ai: rgba(243, 249, 246, 1);
}

/* ── 深色主题：依赖 kd-tokens [data-theme="dark"]，此处仅标记 ── */
html[data-skin="dark"][data-theme="dark"] {
  color-scheme: dark;
}