/* ============================================================
   Hua．Ye × 學院 — 設計 Token(全站設計的單一真實來源)
   ------------------------------------------------------------
   要改全站配色、字級、圓角、陰影,只改這個檔案,
   其他 CSS 一律引用這裡的變數,不可自己寫死顏色。
   色票沿用「生活日常英文練習本」的奶茶色系,保持品牌一致。
   ============================================================ */
:root{
  /* ---- 品牌色 ---- */
  --cream:        #FBF6EC;   /* 奶油底(最主要的背景) */
  --cream-deep:   #F3E6CE;   /* 奶油深(光暈、次要底) */
  --cream-warm:   #FDFAF3;   /* 奶油淺(卡片內襯) */
  --sky:          #D9E7E6;   /* 霧藍(輔助) */
  --sage:         #A9B99A;   /* 鼠尾草綠(輔助強調) */
  --coral:        #E7B6A4;   /* 珊瑚(主要按鈕、重點) */
  --coral-deep:   #D89881;   /* 珊瑚深(hover、價格) */
  --ink:          #4A4038;   /* 墨棕(主要文字) */
  --ink-soft:     #8C8175;   /* 墨棕淺(次要文字、說明) */
  --line:         #E4DAC5;   /* 分隔線、邊框 */
  --page-bg:      #E9E1D2;   /* 頁面最外層底色 */

  /* ---- 玻璃感(glassmorphism) ---- */
  --glass:        rgba(255,255,255,0.55);
  --glass-strong: rgba(255,255,255,0.72);
  --glass-border: rgba(255,255,255,0.75);
  --glass-blur:   blur(12px);

  /* ---- 狀態色 ---- */
  --ok:      #7A9A6E;
  --warn:    #C8A15A;
  --danger:  #C07A6B;

  /* ---- 字型 ---- */
  --font-zh: 'Noto Sans TC','Noto Sans CJK TC','PingFang TC','Microsoft JhengHei',sans-serif;
  --font-en: 'Poppins','Noto Sans TC',sans-serif;

  /* ---- 字級 ---- */
  --fs-xs:   0.75rem;   /* 12px 標籤 */
  --fs-sm:   0.875rem;  /* 14px 次要說明 */
  --fs-base: 1rem;      /* 16px 內文 */
  --fs-lg:   1.125rem;  /* 18px 大內文 */
  --fs-xl:   1.375rem;  /* 22px 小標題 */
  --fs-2xl:  1.75rem;   /* 28px 區塊標題 */
  --fs-3xl:  2.25rem;   /* 36px 頁面主標 */
  --fs-4xl:  3rem;      /* 48px 首頁大標 */

  /* ---- 間距 ---- */
  --sp-1: 4px;   --sp-2: 8px;   --sp-3: 12px;  --sp-4: 16px;
  --sp-5: 24px;  --sp-6: 32px;  --sp-7: 48px;  --sp-8: 64px;  --sp-9: 96px;

  /* ---- 圓角 ---- */
  --r-sm: 8px;  --r-md: 14px;  --r-lg: 20px;  --r-xl: 28px;  --r-full: 999px;

  /* ---- 陰影 ---- */
  --sh-sm: 0 2px 8px rgba(74,64,56,0.06);
  --sh-md: 0 6px 20px rgba(74,64,56,0.09);
  --sh-lg: 0 14px 40px rgba(74,64,56,0.12);

  /* ---- 版面 ---- */
  --container: 1120px;   /* 內容最大寬度 */
  --header-h:  68px;     /* 頁首高度 */

  /* ---- 動畫 ---- */
  --ease: cubic-bezier(.4,0,.2,1);
  --dur:  .22s;
}

/* 尊重使用者的「減少動態效果」系統設定(無障礙) */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{ animation-duration:.01ms !important; transition-duration:.01ms !important; }
}