/* ============================================================
   Casa Aura — Design Tokens
   全域設計標記：字型、顏色、間距、字型比例。
   參考草圖的調性：靜謐、溫暖、編輯風格。
   ============================================================ */

:root {
  /* ---- Fonts -------------------------------------------------
     Tenor Sans : logo + nav 專用，永遠全大寫、寬字距。
     Newsreader : 標題與本文（基本文字字型）。                   */
  --font-display: "Tenor Sans", system-ui, sans-serif;
  --font-body: "Newsreader", Georgia, "Times New Roman", serif;
  /* 中文襯線（思源宋體），呼應 Newsreader 的編輯風格 */
  --font-zh-serif: "Noto Serif TC", "Newsreader", Georgia, serif;

  /* 字距 (letter-spacing) */
  --tracking-wide: 0.25em;   /* nav 連結 */
  --tracking-logo: 0.3em;    /* 標誌 */

  /* 頁面左右邊距（導覽列與各區塊共用，確保左右切齊） */
  --page-gutter: clamp(1.5rem, 6vw, 7rem);

  /* 常規區塊上下間距（hero / about 滿版除外，確保垂直留白一致） */
  --section-padding-block: clamp(5rem, 10vh, 8rem);

  /* ---- Colors ----------------------------------------------- */
  --color-ink: #000000;              /* 淺色區塊：標題 / 主要文字 */
  --color-body: #535353;             /* 淺色區塊：本文 */
  --color-divider: #d9d9d9;          /* 分隔線 */
  --color-alt-bg: #d9d8d0;           /* 交替區塊背景 */
  --color-pagination-inactive: #898989; /* 分頁非活躍灰 */
  --color-on-dark: #ffffff;          /* 主視覺區文字（疊在深色圖像上）*/
  --color-page-bg: #ffffff;          /* 頁面底色 */

  /* ---- Spacing scale --------------------------------------- */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 4rem;
  --space-7: 6rem;
  --space-8: 8rem;

  /* ---- Type scale ------------------------------------------ */
  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-md: 1.25rem;
  --fs-lg: 1.5rem;
  --fs-xl: 2rem;
  --fs-2xl: 2.75rem;
  --fs-3xl: 3.75rem;
  --fs-display: 5rem;
}