/* =================================================
   GPT THEME TOKENS (DEFAULT = 圖片 Lime 主題)
   ================================================= */

/* ---------- NEW Default Theme (Image Lime) ---------- */
:root{
  /* layout */
  --radius:16px;
  --shadow: 0 10px 24px rgba(0,0,0,.12);

  /* base colors（以你截圖的亮黃綠/深綠為基礎） */
  --bg:#f0f0f0;
  --panel:#ffffff;
  --panel2:#f7f7f7;
  --border: rgba(0,0,0,.12);

  --text:#111111;
  --muted: rgba(17,17,17,.65);

  /* 主色：頂部亮黃綠 + 按鈕深綠 */
  --brand:#c0d000;   /* ≈ #c0d000（header lime） */
  --brand2:#50a020;  /* ≈ #50a020（button green） */

  /* background（淡淡的黃綠光暈） */
  --bg-grad-1: radial-gradient(1200px 600px at 10% 0%, rgba(192,208,0,.18), transparent 45%);
  --bg-grad-2: radial-gradient(900px 500px at 90% 20%, rgba(80,160,32,.14), transparent 50%);
  --page-bg: var(--bg);

  /* card */
  --card-bg: linear-gradient(180deg, rgba(255,255,255,.96), rgba(247,247,247,.96));
  --card-head-bg: linear-gradient(180deg, rgba(192,208,0,.18), rgba(192,208,0,.06));
  --card-head-border: var(--border);

  /* progress */
  --dot-bg: rgba(0,0,0,.06);
  --dot-border: var(--border);
  --dot-active-bg: var(--brand);
  --dot-active-border: rgba(80,160,32,.55);

  /* form */
  --input-bg: rgba(255,255,255,.95);
  --input-border: var(--border);
  --placeholder: rgba(17,17,17,.40);

  /* button */
  --btn-bg: rgba(255,255,255,.92);
  --btn-border: var(--border);
  --btn-text: var(--text);

  --btn-primary-bg: linear-gradient(180deg, rgba(80,160,32,.96), rgba(80,160,32,.78));
  --btn-primary-border: rgba(80,160,32,.55);
  --btn-primary-text: #ffffff;

  /* misc */
  --chip-bg: rgba(192,208,0,.10);
  --chip-border: rgba(192,208,0,.22);
  --chip-text: rgba(17,17,17,.80);

  --divider: rgba(0,0,0,.10);

  --badge-bg: rgba(192,208,0,.16);
  --badge-border: rgba(192,208,0,.28);
  --badge-text: var(--brand2);
}

/* ---------- Light Green Theme（你原本的 :root 改到這裡） ---------- */
:root.customize-lightgreen{
  /* layout */
  --radius:16px;
  --shadow: 0 10px 24px rgba(31,143,99,.18);

  /* base colors */
  --bg:#e9f7f1;
  --panel:#ffffff;
  --panel2:#f3fbf7;
  --border: rgba(31,143,99,.28);

  --text:#0b2e1f;
  --muted: rgba(11,46,31,.70);

  --brand:#2fb57e;
  --brand2:#1f8f63;

  /* background */
  --bg-grad-1: radial-gradient(1200px 600px at 10% 0%, rgba(47,181,126,.18), transparent 45%);
  --bg-grad-2: radial-gradient(900px 500px at 90% 20%, rgba(159,211,181,.22), transparent 50%);
  --page-bg: var(--bg);

  /* card */
  --card-bg: linear-gradient(180deg, rgba(255,255,255,.92), rgba(243,251,247,.92));
  --card-head-bg: linear-gradient(180deg, rgba(47,181,126,.22), rgba(47,181,126,.08));
  --card-head-border: var(--border);

  /* progress */
  --dot-bg: rgba(31,143,99,.10);
  --dot-border: var(--border);
  --dot-active-bg: var(--brand);
  --dot-active-border: rgba(31,143,99,.65);

  /* form */
  --input-bg: rgba(255,255,255,.92);
  --input-border: var(--border);
  --placeholder: rgba(11,46,31,.45);

  /* button */
  --btn-bg: rgba(228,244,236,.90);
  --btn-border: var(--border);
  --btn-text: var(--text);

  --btn-primary-bg: linear-gradient(180deg, rgba(47,181,126,.95), rgba(31,143,99,.88));
  --btn-primary-border: rgba(31,143,99,.75);
  --btn-primary-text: #ffffff;

  /* misc */
  --chip-bg: rgba(228,244,236,.75);
  --chip-border: var(--border);
  --chip-text: rgba(11,46,31,.80);

  --divider: rgba(31,143,99,.25);

  --badge-bg: rgba(182,230,203,.55);
  --badge-border: var(--border);
  --badge-text: var(--brand2);
}