/**
Theme Name: JIN:R child
Template: jinr
Author: CROOVER Inc.
Author URI: https://croover.co.jp
Version: 1.00
*/



/* =============================================
   Neo craft - Design Tokens（デザイン変数）
   
   【役割】
   サイト全体で使うカラー・フォント・余白を
   CSS変数（カスタムプロパティ）として定義する。
   
   【使い方】
   他のCSSファイルで color: var(--color-text); のように呼び出す。
   色を変えたいときはここだけ修正すればサイト全体に反映される。
   ============================================= */

:root {

  /* -------------------------------------------
     カラー
     参考：Angelica Michelle のカラートーンをベースに設定
  ------------------------------------------- */
  --color-bg:       #ffffff;             /* ページ背景（白） */
  --color-text:     #333333;             /* 本文テキスト（ほぼ黒・柔らかめ） */
  --color-text-sub: #6b6b6b;             /* サブテキスト・ラベル（グレー） */
  --color-border:   #e8e8e8;             /* 区切り線・ボーダー（薄いグレー） */
  --color-white:    #ffffff;             /* 白テキスト用（背景が暗いセクションで使用） */
  --color-overlay:  rgba(0, 0, 0, 0.45); /* 背景画像にかける半透明の黒幕 */

  /* -------------------------------------------
     フォント
     
     【英語・数字】EB Garamond（Google Fonts から読み込み）
       → セリフ体。上品でクラシックな印象。
       → ラベル・見出し・キャッチコピーの英字部分に使用。
     
     【日本語】游ゴシック（OS内蔵フォント・追加インストール不要）
       → Windows・Mac どちらにも搭載されている。
       → 本文・日本語見出しに使用。
     
     【Google Fontsの読み込み】
       functions.php の neo_craft_enqueue_assets() で行っている。
  ------------------------------------------- */
  --font-jp: '游ゴシック', 'Yu Gothic', 'YuGothic', sans-serif; /* 日本語：游ゴシック */
  --font-en: 'EB Garamond', 'Garamond', serif;                  /* 英語・数字：EB Garamond */
 --font-jp-serif: 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', '游明朝体', 'Yu Mincho', 'YuMincho', serif;
  /* -------------------------------------------
     余白・レイアウト
  ------------------------------------------- */
  --section-padding-pc: 120px;  /* PCでのセクション上下の余白 */
  --section-padding-sp:  80px;  /* SPでのセクション上下の余白 */
  --content-max-width:  1800px; /* コンテンツの最大幅 */
}