html{
  font-size: 16px;
}
/* ========================================
   設計變數
   淺色區改純白；綠集中在深色區塊
======================================== */
:root {
  --color-primary: #12221b;
  --color-primary-soft: #1c3127;
  --color-accent: #c5a059;
  --color-accent-light: #e5cb96;
  --color-bg: #ffffff;              /* 純白 */
  --color-text: #1a1f1c;
  --color-text-muted: #5c6560;
  --color-text-on-dark: #e2e8e4;
  --color-text-muted-on-dark: #8c9e93;
  /*by James*/
  --color-green: #203816;
  --color-deepgreen: #0e1c07;
  --color-yellow: #e8ddb1;
  --color-yellow2: #f4e9d0;
  --color-white: #ffffff;
  --color-black: #3d3939;
  --color-brown: #91675a;


  --font-heading: "Aboreto", "Noto Serif TC", serif;
  --font-body: "Maitree", serif;

  /* 字體大小：由小到大統一分級 */
  --font-size-2xs: 0.7rem;
  --font-size-xs: 0.72rem;
  --font-size-xs-plus: 0.75rem;
  --font-size-sm-tight: 0.76rem;
  --font-size-sm: 0.8rem;
  --font-size-sm-plus: 0.85rem;
  --font-size-base: 0.9rem;
  --font-size-body-plus: 0.98rem;
  --font-size-md: 1rem;
  --font-size-md-plus: 1.02rem;
  --font-size-lg: 1.05rem;
  --font-size-xl: 1.15rem;
  --font-size-2xl: 1.25rem;
  --font-size-display-sm: clamp(1.5rem, 3vw, 2.05rem);
  --font-size-display-md: clamp(1.7rem, 3.4vw, 2.3rem);
  --font-size-display-lg: clamp(2.1rem, 4.8vw, 3.35rem);

  --section-padding-y: 200px;
  --section-padding-x: 12%;
  --header-height: 104px;

  /* 圖片比例 */
  --ratio-landscape: 3 / 2;
  --ratio-standard: 4 / 3;
  --ratio-portrait: 3 / 4;
  /* 棕櫚葉影整體強度（建議 0.7 ~ 1.5） */
  --palm-shadow-strength: 1.5;

  --ease: 0.35s ease;
}