@charset "UTF-8";
/* ==========================================================================
   GO POINT - tokens.css（デザイントークン：:root のCSS変数のみ）
   ※ 色・影の一元管理。ここを変えればサイト全体に反映される。
   ※ 読み込み順: reset → tokens → common → style。:root はこのファイルだけに置く。
   ========================================================================== */
:root {
  /* --- ブランド --- */
  --color-primary: #eb5c01; /* ブランドオレンジ（旧 #ea5b02 もこれに統合） */
  --color-primary-bright: #ff8636; /* 明るいオレンジ（アクセント／ホバー） */

  /* --- 面・背景 --- */
  --color-bg: #1a1a1a; /* ページ背景（ダーク） */
  --color-white: #fff; /* カード等の面・白文字 */
  --color-black: #000;
  --color-peach: #fdece2; /* 淡いオレンジ面（強調） */
  --color-cream: #fff5ef; /* さらに淡い面 */

  /* --- テキスト --- */
  --color-ink: #231815; /* 明るい面のテキスト */
  --color-muted: #8b8b8b; /* 補足テキスト・グレー */

  /* --- 罫線・影 --- */
  --color-border: #ccc;
  --shadow-card: 0 6px 20px rgba(0, 0, 0, 0.25);
  --shadow-card-hover: 0 14px 34px rgba(0, 0, 0, 0.4); /* カードのホバー時 */
  --shadow-icon: 0 6px 15px rgba(235, 92, 1, 0.4); /* アイコンのオレンジ発光（ポップ） */
  --shadow-icon-hover: 0 9px 20px rgba(235, 92, 1, 0.55); /* アイコンのホバー時 */
}