/* 
@file font.css
@brief フォント自体およびフォントの装飾を管理する 
@date 2025/06/01
*/

/* 
フォントファミリー名を CSS 変数として保持する
@format --f-<慣れ親しんだフォント名>
*/
:root {
  /* 
  筑紫A丸ゴシック 
  @brief 本文のメインのフォント
  @detail 数字が美しいので、このフォントを基本にしたい
  @src Adobe Fonts
  @weight 700
  */
  --f-tsukushi-a-maru: "fot-tsukuardgothic-std";
  /* 
  ZEN丸ゴシック  
  @brief 太字用フォント
  @detail 筑紫A丸ゴシック のウェイトが 700 までなので、より太いウェイトが欲しいときのみ ZEN丸ゴシック を使う
  @src Google Fonts
  @weight 900
  */
  --f-zen-maru: "Zen Maru Gothic";
  /* 
  つなぎゴシック
  @brief 見出し用の角ゴシック
  @src local font file
  @weight 900
  */
  --f-tsunagi: "Tsunagi Gothic Black"
}

/* 
CDN ではないローカルなフォントファイルを読み込む
*/
@font-face {
  font-family: var(--f-tsunagi);
  src: url(fonts/TsunagiGothic.ttf) format("truetype");
  src: url(fonts/TsunagiGothic.otf) format("opentype");
}

/* 
フォントを指定する CSS クラス
@format f-<フォントの種類>
*/
.f-maru {
  font-family: var(--f-tsukushi-a-maru), sans-serif;
  font-style: normal;
  font-weight: 700;
}
.f-maru-bold {
  font-family: var(--f-zen-maru), sans-serif;
  font-style: normal;
  font-weight: 900;
}
.f-kaku {
  font-family: var(--f-tsunagi), sans-serif;
  font-style: normal;
  font-weight: 900;
}

/* 
太字
*/
b {
  font-family: var(--f-zen-maru), sans-serif;
  font-style: normal;
  font-weight: 900;
}