/* ============================================================
   テーマ設定ファイル — theme-current.css
   ============================================================
   このファイルの中身を css/themes/ フォルダ内のテーマファイルで
   丸ごと置き換えると、全ページのカラーテーマが一括で切り替わります。

   用意されているテーマ：
     css/themes/theme-vivid.css    ── 生成り紙 × 朱赤 × 緑（現在使用中）
     css/themes/theme-default.css  ── 暗紫 × ゴールド（旧デフォルト）
     css/themes/theme-navy.css     ── 深青 × シルバー
     css/themes/theme-forest.css   ── 深緑 × 琥珀
     css/themes/theme-crimson.css  ── 純黒 × 深紅
     css/themes/theme-sepia.css    ── セピア × ローズゴールド

   【切り替え手順】
     1. css/themes/ から使いたいテーマファイルを開く
     2. 中身をすべてコピー
     3. このファイル（theme-current.css）の中身をすべて削除してペースト
        （この説明コメントは残しても消しても構いません）
     4. 保存するとすべてのページに反映されます

   ※ ダーク系の旧テーマ（default / navy など）に戻す場合も、
     そのままファイルを貼り替えるだけで動きます。
   ============================================================ */

/* ============================================================
   テーマ: ビビッド — 生成りの紙 × 朱赤 × 緑
   フライヤのコラージュ世界観をそのままWebへ。
   明るく親しみやすく、それでいて締まりのある配色。
   ※ --gold は歴史的な変数名で、意味は「メインの差し色」です。
   ============================================================ */
:root {
  --bg:           #faf6ee;   /* 生成りの紙 */
  --bg-2:         #f4edde;   /* ひとつ濃いクリーム（交互セクション用） */
  --bg-3:         #efe6d2;   /* 表ヘッダ・アコーディオンヘッダ */
  --bg-card:      #ffffff;
  --bg-card-hover:#fffdf6;

  /* メインの差し色 = 朱赤（文字用途でもコントラストAAを確保） */
  --gold:         #d8400f;
  --gold-light:   #ff5a2c;
  --gold-dim:     rgba(216, 64, 15, 0.08);
  --gold-border:  rgba(216, 64, 15, 0.3);

  /* 濃色面（ヒーロー・チケットバナー）の朱赤 */
  --curtain:      #c93a10;
  --curtain-dark: #9e2a08;

  --text:         #2b241c;
  --text-2:       #5d5448;
  --text-3:       #8d8273;

  --border: rgba(43, 36, 28, 0.14);

  /* ---- 拡張変数 ---- */
  --accent-rgb: 216, 64, 15;
  --accent-2: #2f8b3f;                          /* 緑: ステッカー・テープ・EX表記 */
  --accent-2-soft: rgba(58, 158, 75, 0.2);
  --on-accent: #ffffff;
  --nav-bg: rgba(250, 246, 238, 0.92);
  --nav-bg-solid: rgba(250, 246, 238, 0.98);
  --footer-bg: #2b241c;                         /* フッターは濃色で締める */
  --footer-text: #f0e9dc;
  --footer-text-dim: #b5ab9b;
  --footer-border: rgba(255, 255, 255, 0.12);
  --footer-border-hover: rgba(255, 255, 255, 0.32);
  --hero-text: #fff8ef;
  --hero-overlay: rgba(158, 42, 8, 0.52);
  --ghost-border: rgba(255, 248, 239, 0.55);
  --ghost-border-hover: rgba(255, 248, 239, 0.9);
  --ghost-bg-hover: rgba(255, 248, 239, 0.14);
  --page-hero-tint: rgba(216, 64, 15, 0.12);
  --shadow-card: 0 2px 14px rgba(90, 55, 20, 0.07);
  --shadow-lift: 0 10px 28px rgba(160, 60, 15, 0.24);

  --font-display: 'Zen Maru Gothic', 'Noto Sans JP', -apple-system, sans-serif;
}