/* BACKSPACE Productions Inc. — Design Tokens
   Source: hugo/themes/bsp/assets/sass/_main.scss
   全色は日本の伝統色（irocore.com）に由来 */

@font-face {
  font-family: 'itc'; /* ITC Avant Garde Gothic Std Demi */
  src: url('fonts/itc-avant-garde-gothic-std-demi.otf') format('opentype');
}
@font-face {
  font-family: 'itc-bold'; /* ITC Avant Garde Std Bold */
  src: url('fonts/ITCAvantGardeStd-Bold.otf') format('opentype');
}

:root {
  /* ---- Colors ---- */
  --bsp-black: #000000;        /* 漆黒 — 背景 */
  --bsp-white: #f6f7f8;        /* 月白 — 基本文字色 */
  --bsp-light-gray: #D3DBE2;   /* 白銅色 — リンク・small・選択タグ */
  --bsp-gray: #9EA1A3;         /* 錫色 — ホバー・メタ情報 */
  --bsp-dark-gray: #373C38;    /* 藍墨茶 — 罫線・区切り */
  --bsp-light-green: #C8D5BB;  /* 柳鼠 — テーブル罫線 */
  --bsp-pink: #D8BEBD;         /* 浪花鼠 — 予備 */
  --bsp-kinari: #F7EFE3;       /* 生成り色 — 予備 */
  --bsp-light-blue: #94A8B0;   /* 浅葱鼠 — em強調 */
  --bsp-caution: #FEF263;      /* 黄檗 — 注意喚起 */

  /* ---- Typography ---- */
  --bsp-font-body: 'itc', 'Century Gothic', 'Futura', 'Helvetica Neue',
    '游ゴシック Medium', 'YuGothic', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo', sans-serif;
  --bsp-font-heading: 'itc-bold', 'Century Gothic', 'Futura', 'Helvetica Neue',
    '游ゴシック Medium', 'YuGothic', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo', sans-serif;
  /* 基準: html { font-size: 10px } → 1rem = 10px */
  --bsp-fs-hero: 8rem;      /* セクション大見出し */
  --bsp-fs-h1: 4.5rem;      /* 記事タイトル */
  --bsp-fs-h2: 3.5rem;
  --bsp-fs-h3: 2.5rem;
  --bsp-fs-h4: 2.2rem;
  --bsp-fs-body: 1.8rem;
  --bsp-fs-meta: 1.4rem;
  --bsp-tracking: -0.05rem;       /* 全体 */
  --bsp-tracking-tight: -0.12rem; /* タイトル */
  --bsp-tracking-hero: -0.2rem;   /* 大見出し */
  --bsp-leading-body: 1.8;  /* 日本語本文（EN/FRは1.6） */
  --bsp-leading-heading: 1.2;

  /* ---- Layout ---- */
  --bsp-max-article: 1000px;
  --bsp-max-prose: 750px;
  --bsp-max-wide: 1500px;
  --bsp-breakpoint-mobile: 768px;

  /* ---- Shape & Motion ---- */
  --bsp-radius-img: 5px;
  --bsp-radius-pill: 1rem;
  --bsp-speed: 0.2s;
  --bsp-speed-overlay: 0.3s;
  --bsp-ease-bounce: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}