:root {
  --bg: #FFF7F5;
  --panel: #FFFFFF;
  --panel2: #FFF0F4;
  --ink: #3D3A45;
  --muted: #6F6878;
  --pink: #FF6B9D;
  --purple: #8B7CF6;
  --cyan: #4FC3F7;
  --green: #66C8A8;
  --amber: #FFB84D;
  --red: #FF7B7B;
  --border: #FFE3EC;
  --yellow: #FFD93D;
  --mint: #7FD8BE;
  --sky: #5BC0EB;
  --tap-target: 44px;
  --focus: #5C4CCF;
  --pink-text: #B92763;
  --purple-text: #5C4CCF;
  --cyan-text: #06749C;
  --amber-text: #925600;
  --green-text: #28765E;

  /* 測驗回饋色（Duolingo 風格答對/答錯提示，2026-08-16 引入，2026-08-20 收進 token） */
  --correct: #58CC02;        /* 答對主色：hover/正確選項邊框、進度條已完成段、CONTINUE 按鈕底色 */
  --correct-bg: #D8F5C6;     /* 答對淺色背景：正確選項底色、進度條進行中段、good 提示條底色 */
  --correct-text: #3C7A00;   /* 答對深色文字：正確選項文字、good 提示條文字 */
  --correct-shadow: #46A302; /* 答對按鈕立體陰影：CONTINUE 按鈕 3D 陰影（靜止/按下）*/
  --wrong: #FF4B4B;          /* 答錯主色：錯誤選項邊框、bad 提示條邊框 */
  --wrong-bg: #FFE5E5;       /* 答錯淺色背景：錯誤選項底色、bad 提示條底色 */
  --wrong-text: #B02A2A;     /* 答錯深色文字：錯誤選項文字、bad 提示條文字 */
  --correct-hover: #66E205;  /* 答對家族：CONTINUE 按鈕 hover 態，比 --correct 亮一階 */
  --correct-action: #3C7A00;
  --correct-action-hover: #2F6600;
}