/* ==========================================================
   tokens.css — FSJみらいラボ 全サイト共通トークン
   色はロゴからの実測値（2026-09-18）
   ========================================================== */
:root{
  /* ---- フォント ---- */
  --font-base: "Zen Kaku Gothic New", -apple-system, BlinkMacSystemFont,
               "Hiragino Sans", "Noto Sans JP", sans-serif;
  --font-num:  "Antonio", var(--font-base);

  /* ---- 基本色（全サイト共通の下地） ---- */
  --ink:       #14202f;   /* 本文 */
  --ink-soft:  #6c7686;   /* 補助テキスト */
  --paper:     #f7f5f0;   /* 背景 */
  --white:     #ffffff;
  --line:      #e2e0d9;   /* 罫線 */

  /* ---- みらいアカデミー（学習塾） ---- */
  --academy-main: #E81820;
  --academy-sub:  #E8D068;

  /* ---- アルク Kiddy CAT英語教室 ---- */
  --kiddycat-main: #0058A8;
  --kiddycat-sub:  #FFD200;  /* 黄・アルク指定 */

  /* ---- フリースクール みらいBASE ---- */
  --base-main: #08C0D8;
  --base-sub:  #F8F8E8;

  /* ---- FSJみらいラボ（グループトップ）---- */
  /* TODO: 先方の参考サイト待ち。決まるまで下地色で組む */

  /* ---- 余白スケール ---- */
  --sp-1: .25rem;  --sp-2: .5rem;   --sp-3: .75rem;
  --sp-4: 1rem;    --sp-5: 1.5rem;  --sp-6: 2rem;
  --sp-7: 3rem;    --sp-8: 4.5rem;  --sp-9: 6rem;

  /* ---- レイアウト ---- */
  --wrap:      min(100% - 2.4rem, 42rem);  /* 読みもの幅 */
  --wrap-wide: min(100% - 2.4rem, 64rem);  /* 一覧・カード幅 */
  --radius:    .75rem;
  --radius-lg: 1.5rem;
}

/* 各サイトの style.css の冒頭で、その site の色を汎用名に割り当てる。
   例）kiddycat/css/style.css
     :root{ --main: var(--kiddycat-main); --sub: var(--kiddycat-sub); }
   以降は --main / --sub だけで書けるので、サイト間でコンポーネントを
   流用したくなったときに楽になる。 */

.wrap      { width: var(--wrap);      margin-inline: auto; }
.wrap-wide { width: var(--wrap-wide); margin-inline: auto; }