/* 自動生成: python tools/build-tokens.py
   元データ: tokens.json (Figma Design Tokens Importer)
   このファイルは手で編集しない。 */

:root {
  /* Color */
  --c-wh: #ffffff;
  --c-u-txt01: #445d70;
  --c-u-base01: #f2f8fb;
  --c-u-main01: #6fb5d3;
  --c-u-main02: #d5eef9;
  --c-u-main03: #5c9dcc;
  --c-u-main04: #1590c5;
  --c-u-sub01: #0a369d;
  --c-u-ac01: #f47a46;
  --c-u-bdr01: #c3bfbd;

  /* Typography */
  --t-u-28b-family: "Zen Maru Gothic", sans-serif;
  --t-u-28b-size: 28px;
  --t-u-28b-weight: 700;
  --t-u-28b-lh: 1.7;
  --t-u-28b-ls: 0.05em;
  --t-u-24b-family: "Zen Maru Gothic", sans-serif;
  --t-u-24b-size: 24px;
  --t-u-24b-weight: 700;
  --t-u-24b-lh: 1.7;
  --t-u-24b-ls: 0.05em;
  --t-u-20b-family: "Zen Maru Gothic", sans-serif;
  --t-u-20b-size: 20px;
  --t-u-20b-weight: 700;
  --t-u-20b-lh: 1.7;
  --t-u-20b-ls: 0.05em;
  --t-u-18b-family: "Zen Maru Gothic", sans-serif;
  --t-u-18b-size: 18px;
  --t-u-18b-weight: 700;
  --t-u-18b-lh: 1.7;
  --t-u-18b-ls: 0.05em;
  --t-u-16b-family: "Zen Maru Gothic", sans-serif;
  --t-u-16b-size: 16px;
  --t-u-16b-weight: 700;
  --t-u-16b-lh: 1.7;
  --t-u-16b-ls: 0.05em;
  --t-u-14b-family: "Zen Maru Gothic", sans-serif;
  --t-u-14b-size: 14px;
  --t-u-14b-weight: 700;
  --t-u-14b-lh: 1.7;
  --t-u-14b-ls: 0.05em;
  --t-u-16m-family: "Zen Maru Gothic", sans-serif;
  --t-u-16m-size: 16px;
  --t-u-16m-weight: 500;
  --t-u-16m-lh: 2;
  --t-u-16m-ls: 0.05em;
  --t-u-14m-family: "Zen Maru Gothic", sans-serif;
  --t-u-14m-size: 14px;
  --t-u-14m-weight: 500;
  --t-u-14m-lh: 2;
  --t-u-14m-ls: 0.05em;
}

/* Figma のテキストスタイルと 1:1 で対応するユーティリティ */
.u-28b {
  font-family: var(--t-u-28b-family);
  font-size: var(--t-u-28b-size);
  font-weight: var(--t-u-28b-weight);
  line-height: var(--t-u-28b-lh);
  letter-spacing: var(--t-u-28b-ls);
}
.u-24b {
  font-family: var(--t-u-24b-family);
  font-size: var(--t-u-24b-size);
  font-weight: var(--t-u-24b-weight);
  line-height: var(--t-u-24b-lh);
  letter-spacing: var(--t-u-24b-ls);
}
.u-20b {
  font-family: var(--t-u-20b-family);
  font-size: var(--t-u-20b-size);
  font-weight: var(--t-u-20b-weight);
  line-height: var(--t-u-20b-lh);
  letter-spacing: var(--t-u-20b-ls);
}
.u-18b {
  font-family: var(--t-u-18b-family);
  font-size: var(--t-u-18b-size);
  font-weight: var(--t-u-18b-weight);
  line-height: var(--t-u-18b-lh);
  letter-spacing: var(--t-u-18b-ls);
}
.u-16b {
  font-family: var(--t-u-16b-family);
  font-size: var(--t-u-16b-size);
  font-weight: var(--t-u-16b-weight);
  line-height: var(--t-u-16b-lh);
  letter-spacing: var(--t-u-16b-ls);
}
.u-14b {
  font-family: var(--t-u-14b-family);
  font-size: var(--t-u-14b-size);
  font-weight: var(--t-u-14b-weight);
  line-height: var(--t-u-14b-lh);
  letter-spacing: var(--t-u-14b-ls);
}
.u-16m {
  font-family: var(--t-u-16m-family);
  font-size: var(--t-u-16m-size);
  font-weight: var(--t-u-16m-weight);
  line-height: var(--t-u-16m-lh);
  letter-spacing: var(--t-u-16m-ls);
}
.u-14m {
  font-family: var(--t-u-14m-family);
  font-size: var(--t-u-14m-size);
  font-weight: var(--t-u-14m-weight);
  line-height: var(--t-u-14m-lh);
  letter-spacing: var(--t-u-14m-ls);
}