/* ============================================================
   S&S / MPS グループ 共通ブランドトークン（design line）
   進学塾S&Sセミナー / 日光AI食堂 の両サイトで読み込む。
   朱・金・藍・墨・生成りを“1値”で固定し、サイト間ドリフトを禁止する。
   色を変えるときは、各HTMLではなく必ずこのファイルだけを変える。
   世界観：浮世絵 × 現代エディトリアル（引き算）。眼鏡猫＝グループ家紋。
   ============================================================ */
:root{
  /* --- 基幹色：地2 ＋ 主役2 ＋ 差し色1 --- */
  --brand-sumi:#1b1512;   /* 墨：背景の主・影・見出し文字 */
  --brand-ink:#241c17;    /* 濃い文字・ボーダー */
  --brand-cream:#f4ecd2;  /* 生成り：暗地上の文字・明セクション */
  --brand-paper:#f8f1dc;  /* 紙：明セクション地 */
  --brand-shu:#cf3f25;    /* 朱：CTA・熱・落款・強調（猫の朱もこの1値） */
  --brand-shu-d:#a5331f;
  --brand-kin:#d8a23c;    /* 金：実績・権威・price帯 */
  --brand-kin-l:#f3c64a;
  --brand-ai:#2f5170;     /* 藍：知性・予約状態色・テック領域 */
  --brand-ai-d:#1d3a5f;

  /* --- 角丸スケール（4段＋印） --- */
  --r-md:12px;            /* 入力・小カード・カレンダーセル・チップ */
  --r-lg:18px;           /* カード・スタッツ */
  --r-xl:22px;           /* パネル・モーダル・price */
  --r-pill:999px;
  --r-stamp:3px;         /* 切手・印の意図のみ */

  /* --- 余白（8pxグリッド） --- */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px;

  /* --- 字間 --- */
  --track-tight:.01em; --track-base:.02em; --track-label:.14em;

  /* --- 標高（ハードオフセット影。オフセット3層は共通、色はサイト側で --shadow-color 指定） --- */
  --e1:3px 3px 0; --e2:6px 6px 0; --e3:10px 10px 0; --e-modal:14px 14px 0;

  /* --- ユーティリティ色（本文・地には使わない） --- */
  --line:#06c755;

  /* === 運動憲法（5色憲法の運動版＝「ひらく」の呼吸。色を増やさないのと同じく、運動も増やさない）=== */
  --ease-hiraku:cubic-bezier(.16,1,.3,1);   /* ひらく：溜め→一気→静収（全reveal/章/遷移の標準） */
  --ease-sumi:cubic-bezier(.7,0,.3,1);      /* 墨が沈む（落款・滲み） */
  --ease-asobi:cubic-bezier(.34,1.56,.64,1);/* 食堂限定の弾み（backout） */
  --dur-1:.18s; --dur-2:.42s; --dur-3:.8s; --stagger:60ms;
}

/* 襖開き/巻物ほどけ用のアニメ可能カスタムプロパティ */
@property --hira{ syntax:"<percentage>"; inherits:false; initial-value:50% }