/* =========================================================
   Pico — palettes (skins)
   Applied on <html data-skin="mint|ocean|clay">
   mint is the default token set declared in main.css.
   ========================================================= */

/* ---------- 01. mint / 淡青绿（默认） ---------- */
[data-skin="mint"] {
  --bg: #cfdad5;
  --bg-2: #c1d0c9;
  --surface: #f7fbf8;
  --surface-2: #eaf2ed;
  --surface-3: #dfeae4;
  --text: #2c3733;
  --text-2: #74857c;
  --text-3: #94a49b;
  --line: #e2ece6;
  --line-2: #d5e2da;
  --accent: #22bb6d;
  --accent-2: #16e186;
  --accent-soft: #e0f2e7;
  --accent-ink: #ffffff;
}

/* ---------- 02. ocean / 雾蓝（原创） ---------- */
[data-skin="ocean"] {
  --bg: #ccd7e0;
  --bg-2: #bccbd8;
  --surface: #f6f9fc;
  --surface-2: #e8eff6;
  --surface-3: #dde7f0;
  --text: #27313b;
  --text-2: #6f8090;
  --text-3: #91a2b1;
  --line: #e0eaf2;
  --line-2: #d3e0ea;
  --accent: #3b7fe0;
  --accent-2: #5a97f2;
  --accent-soft: #e1ecfc;
  --accent-ink: #ffffff;
}

/* ---------- 03. clay / 暖砂（原创） ---------- */
[data-skin="clay"] {
  --bg: #ded5c9;
  --bg-2: #d1c5b5;
  --surface: #fbf8f4;
  --surface-2: #f2ebE1;
  --surface-3: #e9dfd1;
  --text: #3a322b;
  --text-2: #87786a;
  --text-3: #a2968a;
  --line: #eee5d8;
  --line-2: #e2d6c5;
  --accent: #b8784a;
  --accent-2: #cf8f5f;
  --accent-soft: #f4e7da;
  --accent-ink: #ffffff;
}

/* per-skin accent touch-ups */
[data-skin="mint"] .brand-mark { background: linear-gradient(145deg, #2ccb7a, #17a963); }
[data-skin="ocean"] .brand-mark { background: linear-gradient(145deg, #4b8cea, #2f6ed0); }
[data-skin="clay"] .brand-mark { background: linear-gradient(145deg, #c88a5b, #a8673c); }