html{
  font-size: 16px;
}
/* ========================================
   RWD BREAKPOINTS
   Desktop : 1025px+
   Tablet  : 768px–1024px
   Mobile  : 0–767px
   元件若有特殊需求，可另外使用 component-specific breakpoint。
======================================== */

/* ========================================
   設計變數
   淺色區改純白；綠集中在深色區塊
======================================== */

:root {
  /* Colors — only colors currently used by the site */
  --color-primary-soft: #1c3127;
  --color-accent: #c5a059;
  --color-bg: #ffffff;
  --color-text: #3d3939;
  --color-text-muted: #5c6560;
  --color-green: #203816;
  --color-deepgreen: #0e1c07;
  --color-yellow: #e8ddb1;
  --color-yellow2: #f4e9d0;
  --color-white: #ffffff;
  --color-black: #3d3939;
  --color-brown: #91675a;

  /* Typography */
  --font-heading: "Aboreto", "Noto Serif TC", serif;
  --font-body: "Maitree", serif;
  --font-ui: "Encode Sans Expanded", sans-serif;

  --font-size-small: 12px;
  --font-size-ui: 14px;
  --font-size-body: 16px;
  --font-size-intro: 20px;
  --font-size-title: clamp(28px, 3vw, 40px);
  --font-size-title2: clamp(36px, 4vw, 60px);
  --font-size-display: clamp(44px, 5vw, 80px);

  --letter-normal: 0.02em;
  --letter-wide: 0.08em;
  --line-height: 1.8;
  --line-height2: 1.2;

  --section-padding-y: 210px;
  --container-padding-x: 10%;
  --header-footer-padding-x: 5%;
  --section-padding-x: var(--container-padding-x);
  --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;
}