/*
 * テンプレート② テーマトークン
 * STUDIOテンプレート（preview.studio.site/templates/z6kq95Dqpd）を 2026-11-11 に computed style で実測。
 * テンプレート③では同名トークンを別ファイルで定義する。
 */
:root {
  /* Color */
  --c-text: #3e3e3e;          /* 本文・見出し rgb(62,62,62) */
  --c-blue: #2765ba;          /* ナビ英字・カード見出し rgb(39,101,186) */
  --c-blue-light: #5895d6;    /* お知らせ帯・フッター rgb(88,149,214) */
  --c-bg: #ffffff;
  --c-bg-gray: #f9f9f9;       /* 交互背景 rgb(249,249,249) */
  --c-line: #ececec;          /* カード枠 rgb(236,236,236) */
  --c-line-2: #e5e5e5;
  --c-white: #ffffff;
  --c-error: #d93636;         /* テンプレートに定義なし（白背景で読める赤） */

  /* Font */
  --ff-en: "Roboto", "Noto Sans JP", sans-serif;
  --ff-ja: "Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif;

  /* Type（PC実測） */
  --fs-sec-en: 36px;          /* ABOUT THE TEAM / Activities：Roboto 700 ls .03em */
  --fs-sec-ja: 16px;          /* 600 */
  --fs-card-title: 24px;      /* カード見出し 700 青 */
  --fs-body: 16px;            /* 本文 400 lh 1.6 */
  --lh-body: 1.6;
  --fs-hero: 56px;            /* 700 ls .5em lh 1.4 白＋影 */
  --fs-hero-lead: 23px;
  --fs-nav-en: 20px;
  --fs-nav-ja: 12px;

  /* Layout（PC実測：左右80px、見出し列 x=80〜、本文列 x=464〜1360） */
  --side: 80px;
  --head-col: 384px;
  --sec-pad: 80px;
  --radius: 12px;
  --header-h: 130px;
}

@media (max-width: 767px) {
  :root {
    --fs-sec-en: 30px;        /* SP実測 */
    --fs-card-title: 18px;    /* SP実測 */
    --fs-body: 15px;
    --fs-hero: 30px;          /* SP実測 */
    --fs-hero-lead: 15px;
    --side: 20px;
    --sec-pad: 64px;
    --header-h: 64px;
  }
}