/* =========================================================================
   Ann Coach — Design Tokens（全站單一來源）
   顏色、字體、字重、字距都從這裡讀。要改風格改這裡就好。
   ========================================================================= */

/* ---------- 字體檔 ---------- */

/* Swei Medium（page subset）：涵蓋整份設計稿用到的所有中文字（~69KB）。
   先宣告 → cascade 中排在開場 subset 之前，非開場字由它負責。 */
@font-face {
  font-family: 'Swei Spring TC';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/SweiSpringCJKtc-Medium.page.woff2') format('woff2');
  unicode-range: U+3000-303F, U+3400-4DBF, U+4E00-9FFF, U+F900-FAFF, U+FF00-FFEF;
}

/* Swei ExtraLight（page subset）：Nav logo／選單等細體中文（~66KB） */
@font-face {
  font-family: 'Swei Spring TC';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url('../fonts/SweiSpringCJKtc-ExtraLight.page.woff2') format('woff2');
  unicode-range: U+3000-303F, U+3400-4DBF, U+4E00-9FFF, U+F900-FAFF, U+FF00-FFEF;
}

/* 迷你 subset（僅「小安教練」1.9KB）：後宣告 → 這 4 個字由它勝出，
   開場秒載入、零 FOUT，完整檔在開場完全不會被下載。 */
@font-face {
  font-family: 'Swei Spring TC';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/SweiSpringCJKtc-Medium.subset.woff2') format('woff2');
  unicode-range: U+5C0F, U+5B89, U+6559, U+7DF4; /* 小 安 教 練 */
}

/* ---------- Tokens ---------- */
:root {
  /* 顏色 */
  --color-bg: #FFF7EB;          /* 預設背景（淺奶油米黃） */
  --color-on-light: #000000;    /* 淺色背景上的文字（黑） */
  --color-on-image: #FFF7EB;    /* 圖片上的文字（米黃） */
  --color-accent: #FF3F00;      /* 品牌橘（強調色、主要按鈕、重點字） */
  --color-accent-ink: #FDFAF1;  /* 橘底上的文字 / 次要按鈕底色（近白米） */
  --color-white: #FFFFFF;       /* 首頁 Hero 白底 */
  --color-cream: #FCF7EB;       /* 內容區塊奶油底（Figma sections） */
  --color-card: #F5F1E6;        /* 卡片底色 */

  /* 字體家族 */
  --font-latin: 'Montserrat', system-ui, sans-serif;
  --font-cjk: 'Swei Spring TC', 'Noto Serif TC', serif;

  /* 字重 */
  --fw-latin-medium: 500;       /* Montserrat Medium */
  --fw-latin-extralight: 200;   /* Montserrat ExtraLight */
  --fw-cjk-medium: 500;         /* Swei Spring CJK TC Medium */
  --fw-cjk-extralight: 200;     /* Swei Spring CJK TC ExtraLight（Nav logo／選單） */

  /* 字距（寬字距用於大型標題） */
  --tracking-tight: 0.02em;
  --tracking-normal: 0.06em;
  --tracking-wide: 0.18em;

  /* 大型專案文字尺寸：適中而優雅，有標題感但四周留白舒服 */
  --fs-hero-latin: clamp(1.05rem, 1.9vw, 1.9rem);
  --fs-hero-cjk: clamp(1.15rem, 2.1vw, 2.1rem);

  /* 置中開場 logo 尺寸 */
  --fs-intro-tagline: clamp(1.1rem, 2.2vw, 1.9rem);
  --fs-intro-sub: clamp(0.95rem, 1.7vw, 1.5rem);

  /* 形象圖顯示寬度（近全幅，對齊 Reference 3）。
     以 vh 上限避免在寬螢幕超出畫面高度（3:2 → 高 = 寬×2/3）。
     .conv-img 與 .hero-frame 共用此單一來源，標語才會貼齊圖片邊緣。 */
  --hero-width: min(84vw, 126vh);

  /* ---------- 間距（padding／間隔的單一來源；全站共用，避免各寫各的） ---------- */
  --content-max: 1300px;                    /* 內容最大寬度 */
  --space-section-y: clamp(56px, 6vw, 80px);/* 區塊上下 padding（Figma 80） */
  --space-section-x: clamp(24px, 5vw, 40px);/* 區塊左右 padding（Figma 40） */
  --space-stack: clamp(18px, 2.2vw, 24px);  /* 區塊內元素垂直間距（Figma 24） */
  --space-gap: clamp(16px, 1.6vw, 20px);    /* 卡片／並排元素之間（Figma 20） */
  --space-card: clamp(28px, 2.4vw, 34px);   /* 卡片內 padding（Figma ~33） */
  --radius-card: 20px;                      /* 卡片圓角（Figma 20） */
}