/* =============================================
   設計變數 — 全站色彩、字體、間距統一管理
   ============================================= */

:root {
  /* 色彩 — 深藍科技質感 */
  --color-primary:       #163a6b;
  --color-primary-dark:  #0a1f3d;
  --color-primary-mid:   #1e4d8c;
  --color-primary-light: #2a6cb8;
  --color-accent:        #3d7fd4;

  --color-bg:            #ffffff;
  --color-bg-subtle:     #f7f9fc;
  --color-bg-muted:      #eef2f7;
  --color-bg-dark:       #071628;

  --color-text:          #0c1a2e;
  --color-text-muted:    #4a5e78;
  --color-text-light:    #8a9bb0;

  --color-border:        #d8e0ea;
  --color-border-light:  #e8edf3;

  --color-white:         #ffffff;

  /* 字體 — 含行動裝置系統中文字型，避免 PingFang／Noto 未載入時落到過寬拉丁備用字 */
  --font-sans: "PingFang TC", "Noto Sans TC", "Heiti TC", "Hiragino Sans CNS", "Source Han Sans TC", "Noto Sans CJK TC", "Microsoft JhengHei", system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif;

  /* 字級 */
  --text-xs:   clamp(0.75rem,  0.7rem  + 0.2vw, 0.8125rem);
  --text-sm:   clamp(0.875rem, 0.82rem + 0.2vw, 0.9375rem);
  --text-base: clamp(1rem,     0.95rem + 0.2vw, 1.0625rem);
  --text-lg:   clamp(1.125rem, 1rem    + 0.4vw, 1.25rem);
  --text-xl:   clamp(1.25rem,  1.1rem  + 0.5vw, 1.5rem);
  --text-2xl:  clamp(1.5rem,   1.2rem  + 1vw,   2rem);
  --text-3xl:  clamp(1.875rem, 1.4rem  + 1.5vw, 2.75rem);
  --text-4xl:  clamp(2.25rem,  1.6rem  + 2vw,   3.75rem);
  --text-metric: clamp(2rem, 1.5rem + 2vw, 3rem);

  /* 間距 */
  --space-xs:  0.25rem;
  --space-sm:  0.5rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2rem;
  --space-2xl: 3rem;
  --space-3xl: 5rem;
  --space-4xl: 7rem;

  /* 版面 */
  --container-max:  1160px;
  --container-pad:  clamp(1.25rem, 4vw, 2.5rem);
  --header-height:  68px;

  /* 圓角 — 克制、偏方正 */
  --radius-sm:  2px;
  --radius-md:  4px;
  --radius-lg:  6px;

  /* 陰影 — 極輕 */
  --shadow-sm:  0 1px 2px rgba(10, 31, 61, 0.04);
  --shadow-md:  0 2px 8px rgba(10, 31, 61, 0.06);

  /* 動畫 */
  --transition-fast:   150ms ease;
  --transition-normal: 220ms ease;
}