/* ============================================================
   相思創造研究所 — Design Tokens (共通)
   コーポレートサイトと各LPで共有する。ここ以外で色を定義しない。
   ============================================================ */

:root {
  /* 墨 / 生成り */
  --ink: #16130f;
  --ink-2: #3d3833;
  --ink-3: #6d655c;
  --paper: #f7f4ef;
  --paper-hi: #fdfbf8;
  --paper-2: #efeae1;

  /* コーポレート基調色（深紅） */
  --crimson: #7a0012;
  --vermilion: #a8112b;

  /* プロダクト「すくすく」基調色（ロゴ実測値） */
  --sky: #2563eb;
  --sky-deep: #1d4ed8;
  --sky-bg: #edf2fb;
  --sky-bg-2: #f7fafe;
  --sky-rule: rgba(37, 99, 235, 0.18);

  /* 罫線 */
  --rule: rgba(22, 19, 15, 0.14);
  --rule-strong: rgba(22, 19, 15, 0.28);
  --rule-dark: rgba(247, 244, 239, 0.16);

  /* 書体 */
  --serif: "Zen Old Mincho", "Hiragino Mincho ProN", serif;
  --sans: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Hiragino Sans", sans-serif;

  /* レイアウト */
  --wrap: 1180px;
  --gut: clamp(20px, 5vw, 64px);
  --sec-y: clamp(88px, 11vw, 168px);

  /* モーション */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur: 0.4s;
}