/* KSK Partners — design tokens v1.0（白×青・ポップ・温かい） */
:root{
  /* 色：基本は白と青。アクセントは黄色1色だけ（面と下線にのみ使い、文字色には使わない） */
  --c-bg:#FFFFFF;
  --c-surface:#F4F8FF;      /* 薄い青の面 */
  --c-sky:#E4EEFF;          /* チップ・装飾の面 */
  --c-line:#D6E2F8;
  --c-primary:#1A56F0;      /* 主色。白地の文字・白抜き文字とも 4.5:1 以上 */
  --c-primary-strong:#0F3FC4;
  --c-ink:#0B1A3A;          /* 本文 */
  --c-ink-2:#3B4B6E;        /* 補足文 */
  --c-accent:#FFC83D;       /* ワクワクの黄色。面・下線・ステッカーのみ */
  --c-accent-soft:#FFF3CF;
  --c-white:#FFFFFF;

  /* 書体：2系統だけ */
  --f-display:"Zen Maru Gothic","Hiragino Maru Gothic ProN","Noto Sans JP",sans-serif;
  --f-body:"Noto Sans JP","Hiragino Sans","Yu Gothic",sans-serif;

  /* 文字サイズ：7段 */
  --fs-xs:14px; --fs-sm:16px; --fs-md:18px; --fs-lg:22px; --fs-xl:28px; --fs-2xl:40px; --fs-3xl:48px;
  --lh-body:1.9; --lh-head:1.4;

  /* 余白：4の倍数だけ */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-6:24px; --s-8:32px; --s-12:48px; --s-16:64px; --s-24:96px; --s-32:128px;

  /* 角丸・影 */
  --r-sm:12px; --r-md:20px; --r-lg:32px; --r-pill:999px;
  --sh-card:0 8px 24px rgba(26,86,240,.10);
  --sh-pop:0 4px 0 var(--c-ink);   /* ステッカー風の「ポップ」な影。ボタンとチップに限定 */

  --w-content:1120px; --w-text:720px;
}
@media (prefers-reduced-motion:reduce){ *{animation:none!important;transition:none!important} }