/* ============================================================
   旭澤法律事務所 — Design Tokens（設計代幣）
   全站的顏色與字級都定義在這裡：改這個檔案，十個頁面同步生效。
   已知例外：SVG 標籤的 fill/stroke「屬性」不支援變數，
   仍是寫死的色碼（首頁地圖插圖、捲動箭頭、LINE 圖示）。
   ============================================================ */

:root {

  /* ---------- 色彩系統 ---------- */

  /* 品牌主色 */
  --navy: #071739;        /* 深藍：主色、深色區塊底色 */
  --navy-soft: #0A1F44;   /* 深藍（稍亮）：數據標題、地圖底色 */
  --cream: #FAF6F1;       /* 米白：淺色區塊底色、深底上的文字 */
  --gold: #E3C39D;        /* 金：強調色、CTA 按鈕、深底小標 */
  --gold-deep: #B8935F;   /* 深金：淺底小標、hover 色 */
  --tan: #A68868;         /* 赭金：次要強調、邊框 */
  --brown: #7D664E;       /* 深褐：淺底上的英文小標 */

  /* 文字與中性色 */
  --ink: #57677D;         /* 淺底內文 */
  --ink-article: #3D4C5E; /* 文章頁內文 */
  --ink-stat: #4A5A6C;    /* 數據區說明文字 */
  --steel: #A4B5C4;       /* 深底次要文字 */
  --mist: #CDD5DB;        /* 深底內文 */
  --gray-blue: #8792A3;   /* 最淡的次要文字：版權宣告、日期 */
  --badge-blue: #4B6382;  /* 「法律知識」標籤底色 */
  --pale-blue: #C9D2E3;   /* 404 頁文字 */
  --dusty-blue: #8FA3C8;  /* 404 頁次要文字 */
  --white: #FFFFFF;

  /* 半透明用的 RGB 三元組：rgba(var(--navy-rgb), .5) 這樣使用 */
  --navy-rgb: 7, 23, 57;
  --cream-rgb: 250, 246, 241;
  --gold-rgb: 227, 195, 157;
  --gold-deep-rgb: 184, 147, 95;
  --steel-rgb: 164, 181, 196;
  --mist-rgb: 205, 213, 219;
  --badge-blue-rgb: 75, 99, 130;

  /* ---------- 字級系統 ---------- */

  /* 標題階層（clamp：小螢幕下限、隨視窗縮放、大螢幕上限） */
  --fs-hero: clamp(2.6rem, 6.6vw, 6.6rem);      /* 首頁主標 */
  --fs-hero-page: clamp(2.6rem, 5.6vw, 5rem);   /* 案例分享頁主標 */
  --fs-quote: clamp(2.2rem, 4.6vw, 4.4rem);     /* 首頁金句 */
  --fs-h2-xl: clamp(2.2rem, 4.6vw, 4.2rem);     /* 聯絡區大標 */
  --fs-h2: clamp(2rem, 3.8vw, 3.6rem);          /* 各區塊 h2 標題 */
  --fs-h2-page: clamp(2rem, 4vw, 3.2rem);       /* 次級頁 h2 */
  --fs-h1-article: clamp(2rem, 4.4vw, 3.4rem);  /* 文章頁標題 */
  --fs-h1-legal: clamp(2.2rem, 4.4vw, 3.6rem);  /* 隱私權／條款頁標題 */
  --fs-h3: clamp(26px, 2.8vw, 36px);            /* 服務項目標題 */
  --fs-h3-page: clamp(24px, 2.6vw, 34px);       /* 案例分享頁列表標題 */
  --fs-h4: clamp(19px, 2vw, 26px);              /* 首頁文章列標題 */
  --fs-stat: clamp(2.6rem, 5.4vw, 5.2rem);      /* 數據數字 */
  --fs-stat-label: clamp(17px, 1.4vw, 22px);    /* 數據名稱 */
  --fs-404: clamp(72px, 16vw, 140px);           /* 404 大字 */

  /* 內文與介面字級（依實際使用的尺寸命名，調整數值即全站生效） */
  --fs-10: 10px;
  --fs-11: 11px;      /* 迷你標籤 */
  --fs-12: 12px;      /* 欄位標籤、版權 */
  --fs-13: 13px;      /* 導覽、按鈕、pill 標籤 */
  --fs-13-5: 13.5px;  /* Cookie 說明 */
  --fs-14: 14px;      /* 輔助說明、footer 連結 */
  --fs-14-5: 14.5px;  /* 資料列 */
  --fs-15: 15px;      /* 段落（小） */
  --fs-15-5: 15.5px;  /* 主要段落 */
  --fs-16: 16px;      /* 段落（大）、文章內文 */
  --fs-17: 17px;
  --fs-19: 19px;      /* 頁首 logo 字 */
  --fs-20: 20px;
  --fs-22: 22px;
  --fs-24: 24px;      /* 電話號碼等醒目文字 */
  --fs-26: 26px;
  --fs-28: 28px;      /* 手機選單項目 */
}