/*
Theme Name: 高島花火
Theme URI:
Author:
Author URI:
Description: 高島花火大会 公式ウェブサイトテーマ
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License:
License URI:
Text Domain: hanabi
Tags: custom-background, custom-logo, custom-menu, featured-images, full-width-template
*/

/* =========================================
   CSS カスタムプロパティ（デザイントークン）
   ========================================= */
:root {
  /* ============================================
     カラーパレット — Airbnb Design System
     ============================================ */

  /* サーフェス */
  --color-bg-primary:    #ffffff;
  --color-bg-card:       #ffffff;
  --color-bg-news:       #f7f7f7;
  --color-bg-elevated:   #f2f2f2;

  /* ブランドアクセント — Rausch Red */
  --color-red:           #e00b41;
  --color-red-dark:      #e00b41;
  --color-red-btn-text:  #ffffff;

  /* ゴールド（イベントバッジ・強調ラベル用） */
  --color-gold:          #d97706;
  --color-gold-dark:     #241a00;

  /* テキストスケール */
  --color-text-primary:  #222222;
  --color-text-secondary:#6a6a6a;
  --color-text-muted:    #929292;

  /* ボーダー・ライン */
  --color-border:        #dddddd;

  /* ナビゲーション */
  --color-nav-bg:        rgba(255, 255, 255, 0.96);
  --color-nav-blur:      8px;

  /* ============================================
     グラジエント
     ============================================ */
  --gradient-red:     linear-gradient(135deg, #e00b41 0%, #e00b41 100%);
  --gradient-red-cta: linear-gradient(134.093deg, #e00b41 0%, #e00b41 100%);

  /* ============================================
     シャドウ — 三層システム（Airbnb）
     ============================================ */
  --shadow-card:  rgba(0,0,0,0.02) 0px 0px 0px 1px,
                  rgba(0,0,0,0.04) 0px 2px 6px,
                  rgba(0,0,0,0.10) 0px 4px 8px;
  --shadow-hover: rgba(0,0,0,0.08) 0px 4px 12px;

  /* ============================================
     タイポグラフィ
     ============================================ */
  --font-serif: 'Noto Sans JP', sans-serif;
  --font-sans:  'Noto Sans JP', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif;
  --font-zen:   'Noto Sans JP', sans-serif;

  /* ============================================
     スペーシング
     ============================================ */
  --section-py:   64px;
  --container-px: 32px;
  --max-width:    1280px;
  --nav-height:   72px;

  /* ============================================
     ボーダー半径 — Airbnb スケール
     ============================================ */
  --radius-sm:    8px;   /* ボタン */
  --radius-md:    20px;  /* カード */
  --radius-badge: 14px;  /* バッジ */
  --radius-lg:    32px;  /* 大型コンテナ */

  /* ============================================
     トランジション
     ============================================ */
  --transition: 0.2s ease;
}