/*
 * 言語化プログラム デザインシステム — トークン
 * すべて educommunication.or.jp の公開スタイルシートからの実測値。
 */
:root {
  /* ---- ブランド ---- */
  --gk-navy: #133455;
  --gk-orange: #ec6948;
  --gk-orange-strong: #c9502c;
  --gk-gold: #d2ac55;

  /* ---- 面 ---- */
  --gk-surface-white: #ffffff;
  --gk-surface-gray: #f8f8f8;
  --gk-surface-liteblue: #e4ecf8;
  --gk-surface-beige: #f7f4ec;

  /* ---- 拡張（図版・タグ・状態表現に限定） ---- */
  --gk-lightblue: #6f8598;
  --gk-skyblue: #a0bbd6;
  --gk-lightorange: #eca391;
  --gk-thinorange: #fbe1da;
  --gk-lightyellow: #e0ca98;
  --gk-green: #4fb013;
  --gk-disabled: #c7cfd8;

  /* ---- テキスト ---- */
  --gk-text: #000000;
  --gk-text-heading: #133455;
  --gk-text-muted: #767676;
  --gk-text-on-dark: #ffffff;

  /* ---- 罫線（3種のみ） ---- */
  --gk-border-subtle: #e4ecf8;
  --gk-border-field: #c7cfd8;
  --gk-border-strong: #133455;

  /* ---- 書体 ---- */
  --gk-font-serif: "Noto Serif JP", "Yu Mincho", serif;
  --gk-font-sans: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;

  /* ---- 余白（11段。中間値を新設しない） ---- */
  --gk-space-1: 4px;
  --gk-space-2: 8px;
  --gk-space-3: 10px;
  --gk-space-4: 16px;
  --gk-space-5: 20px;
  --gk-space-6: 24px;
  --gk-space-7: 30px;
  --gk-space-8: 40px;
  --gk-space-9: 50px;
  --gk-space-10: 70px;
  --gk-space-11: 80px;

  /* ---- 角丸（押せる 6 / 囲う 24 / ピル） ---- */
  --gk-radius-tag: 4px;
  --gk-radius-control: 6px;
  --gk-radius-card: 24px;
  --gk-radius-banner: 64px;
  --gk-radius-pill: 9999px;

  /* ---- レイアウト ---- */
  --gk-container: 1080px;
  --gk-gutter: 20px;
  --gk-section-y: 70px;
  --gk-section-y-sp: 50px;

  /* ---- 動き ---- */
  --gk-ease: cubic-bezier(0.4, 0, 0.2, 1);
  --gk-duration: 200ms;
}