:root {
    /* === 基礎背景 === */
    /* 整個頁面的底色：原有的暗青色 */
    --bg-main: #55b6bd; 
    /* 用於卡片或區塊：深一度的青色，增加沈穩感 */
    --bg-primary: #3d8c93; 
    /* 用於卡片或區塊內二級菜單：更深且帶灰度的青色，做出層次 */
    --bg-2ndPrimary: #31b39c; 
    /* 用於點綴：淺淡的薄荷青，增加呼吸感 */
    --bg-decorate: #51fce9; 

    /* === 文字顏色 === */
    /* 主要文字顏色：深灰青色，比純黑更柔和 */
    --text-main: #1a3a3d; 
    /* 用於反色背景：純淨的米白，避免純白的刺眼 */
    --text-contrary: #fafefe;
    /* 用於強調：明亮但不螢光的青色 */
    --text-strong: #070202;

    /* === 主色 / 強調色 === */
    /* 用於滑鼠懸停或重要強調：溫暖的珊瑚橙或琥珀色（青色的互補色，非常亮眼） */
    --accent-stress: #ffb74d; 

    /* === 狀態色 === */
    /* 用於禁用、無效狀態：低飽和度的灰青 */
    --status-invalid: #9eb3b5; 
    /* 用於回答錯誤：柔和的磚紅色 */
    --status-wrong: #e57373; 
    /* 用於回答正確：清爽的草綠色 */
    --status-correct: #81c784; 
    /* 用於危險提示：明亮的橘紅色 */
    --status-danger: #f06292; 
}