/*
Theme Name:   gColors Child
Theme URI:    https://www.garan.ne.jp/gcolors-child
Description:  gColors親テーマの色彩インフラを継承した子テーマ。3,000色のCSS変数と伝統色パレットをそのまま利用可能。
Template:     gColors
Version:      1.0.0
Author:       garan
Author URI:   https://www.garan.ne.jp/
License:      GPL v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  gcolors-child
Tags:         block-patterns, custom-colors, full-site-editing

【子テーマ カスタマイズガイド】
親テーマ gColors から以下を自動継承：
- 300色 × 10階調 = 3,000色のCSS変数（--gc-12-{slug}）
- 伝統色パレット（藍色、紅色、紺青など12色）
- タイポグラフィ・スペーシング設定
- レスポンシブレイアウト基盤

カスタマイズ方法：
1. このファイルに追加CSSを記述
2. functions.php で独自機能を追加
3. theme.json で色・タイポグラフィをオーバーライド
4. templates/ にカスタムテンプレートを配置

例：ブランドカラーの上書き
.site-header {
  background-color: var(--gc-12-ai-iro);
  color: var(--gc-12-kinari-iro);
}

.btn-primary {
  background-color: var(--gc-12-beni-iro-70);
  border-color: var(--gc-12-beni-iro);
}
*/

/* ========================================
   子テーマ独自のスタイル
   ======================================== */

/* サイトヘッダーのカスタマイズ例 */
.site-header {
  background-color: var(--gc-12-ai-iro);
  color: var(--gc-12-kinari-iro);
  padding: 1.5rem 2rem;
}

/* ボタンスタイルのカスタマイズ例 */
.wp-block-button__link,
.btn-primary {
  background-color: var(--gc-12-yamabuki-iro);
  color: var(--gc-12-sumi-iro);
  border: 2px solid var(--gc-12-yamabuki-iro);
  padding: 0.75rem 2rem;
  border-radius: 4px;
  transition: all 0.3s ease;
}

.wp-block-button__link:hover,
.btn-primary:hover {
  background-color: transparent;
  color: var(--gc-12-yamabuki-iro);
}

/* リンク色のカスタマイズ */
a {
  color: var(--gc-12-ai-iro);
}

a:hover {
  color: var(--gc-12-beni-iro);
}

/* セクション背景のカラーバリエーション例 */
.section-light {
  background-color: var(--gc-12-kinari-iro);
}

.section-accent {
  background-color: var(--gc-12-sakura-iro-20);
}

.section-dark {
  background-color: var(--gc-12-sumi-iro);
  color: var(--gc-12-kinari-iro);
}