/*
Theme Name: HKIOH Child (GeneratePress)
Description: 香港開心心理學院 子主題 — 設計系統配搭 A 溫暖治癒系
Template: generatepress
Version: 0.2
*/

/* 字體子集（Noto Sans TC 子集，只有網站用到嘅字，~227KB/隻）
   改完網站文案之後跑一次 hkioh-fonts/subset_hkioh_font.py 重新打包 */
@import url('hkioh-fonts/fonts.css');

/* ===== Design Tokens ===== */
:root {
  --hk-green: #2E6E65;      /* 主色 湖水綠 */
  --hk-coral: #E8804D;      /* 強調 珊瑚橙 */
  --hk-coral-hover: #D96F3E;
  --hk-cream: #FAF6EF;      /* 底色 奶油白 */
  --hk-almond: #F1E7D8;     /* 淺底 杏仁白 */
  --hk-cocoa: #3A322C;      /* 文字 深可可 */
  --hk-cocoa-soft: #6B5F52; /* 次要文字 */
  --hk-gold: #D9A441;       /* 點綴 暖金 */
  --hk-radius-card: 16px;
  --hk-radius-img: 16px;
  --hk-shadow: 0 8px 24px rgba(58, 50, 44, .08);
}

/* ===== Typography ===== */
body {
  font-family: -apple-system, BlinkMacSystemFont, "PingFang HK", "Microsoft JhengHei", "Noto Sans TC", sans-serif;
  color: var(--hk-cocoa);
  background: var(--hk-cream);
  line-height: 1.8;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "HKIOH Sans TC", "PingFang HK", "Microsoft JhengHei", "Noto Sans TC", sans-serif;
  font-weight: 700;
  line-height: 1.3;
  color: var(--hk-green);
}

/* ===== Buttons ===== */
.gb-button,
button,
.wp-block-button__link {
  border-radius: 999px;
  font-weight: 700;
  transition: background .2s ease, transform .2s ease, color .2s ease;
}

.gb-button:hover,
.wp-block-button__link:hover {
  transform: translateY(-2px);
}

/* Primary / Secondary 由 GenerateBlocks 設定；
   呢度只做全站 hover 微動效同圓角統一 */

/* ===== Cards ===== */
.hk-card {
  background: #fff;
  border-radius: var(--hk-radius-card);
  box-shadow: var(--hk-shadow);
  padding: 32px;
}

/* ===== Utilities ===== */
.hk-mt-0  { margin-top: 0; }
.hk-text-center { text-align: center; }