/* =========================================================
   配色パターン D｜白×ミント＆コーラル・ポップ版
   style-base.css の後に読み込んでください。
   ---------------------------------------------------------
   パターンC（ピンク）とは違う方向性のポップ配色案です。
   ミント（見出し・本文アクセント）とコーラル（差し色）の2色使いです。
   ========================================================= */
#anniv-page{
  /* 基本パレット */
  --green-deep:#1F6E5B;   /* 見出し・アクセントのインクカラー（ディープミント） */
  --green-mid:#2E8A73;
  --green-line:#4FAE95;
  --sage:#B9E4DA;         /* パステルミントのライン・縁取り */
  --sage-pale:#EEFBF7;    /* 淡いミントのセクション背景 */
  --cream:#FFFFFF;
  --paper:#FFFFFF;
  --gold:#FF7A59;         /* ポップな差し色（コーラルオレンジ） */
  --gold-pale:#FFD9CC;
  --ink:#2A2A2A;
  --ink-soft:#6B6B6B;
  --line:#DCEFEA;

  /* ヒーロー（ファーストビュー）：白ベースに右上だけほんのりミントが差す程度に抑える */
  --hero-grad-1:#D2F1E9;   /* 右上、ほんのり色づく部分 */
  --hero-grad-2:#FFFFFF;   /* 中間〜広範囲は白（ここが以前は誤って濃いミントになっていた） */
  --hero-grad-3:#FFFFFF;
  --hero-text:var(--green-deep);
  --hero-text-soft:var(--ink-soft);
  --hero-accent:var(--gold);
  --hero-spine:rgba(31,110,91,.22);
  --hero-border:1px solid var(--line);
  --header-idle-text:var(--green-deep);

  /* 白背景ブロック（会社メッセージ／企業理念／フッター） */
  --block-bg:#FFFFFF;
  --block-text:var(--green-deep);
  --block-text-soft:var(--ink-soft);
  --block-border:1px solid var(--line);
  --block-logo-border:var(--sage);
  --block-logo-text:var(--ink-soft);

  /* イベントバナー（コーラル→ミントのポップなグラデーション） */
  --event-grad-1:#FF7A59;
  --event-grad-2:#4FD1B5;
  --event-text-soft:#FFF3EF;

  /* カード枠線 */
  --card-border:var(--line);
}

/* ---------- ポップテイストの追加調整（このパターンのみ） ---------- */
#anniv-page .pt-frame,
#anniv-page .congrats-card,
#anniv-page .episode-card,
#anniv-page .philosophy-card,
#anniv-page .spirit-item,
#anniv-page .venue-card,
#anniv-page .pavilion-card,
#anniv-page .event-banner,
#anniv-page .brand-logo,
#anniv-page .msg-photo img,
#anniv-page .msg-photo .frame,
#anniv-page .tbd{
  border-radius:20px;
}
#anniv-page .event-banner .cta{ border-radius:999px; }
#anniv-page .tab-btn.active::after{ border-radius:4px; height:3px; }
#anniv-page .pt-frame.has-img{ box-shadow:0 14px 30px rgba(31,110,91,.12); }
#anniv-page .congrats-card{ box-shadow:0 10px 24px rgba(31,110,91,.10); }
#anniv-page .anniv-nav.solid{ box-shadow:0 1px 0 var(--line); }

/* このパターンはヘッダー/ヒーローとも黒ロゴを使用するため、
   A/B用の「白ロゴを黒側へ寄せるフィルター」は無効化します */
#anniv-page .anniv-nav.solid .logo-mark .logo-img{ filter:none; }

/* CORPORATE PHILOSOPHY セクションは背景が白のため、A/B用の
   半透明の白カード（rgba(255,255,255,...)）だと枠が見えなくなってしまいます。
   このパターンでは、はっきり見える色でカードの背景・枠線を指定し直します */
#anniv-page .philosophy-card,
#anniv-page .spirit-item{
  background:var(--sage-pale);
  border:1px solid var(--line);
}

/* 緑（ミント）とオレンジ（コーラル）の相性が良くないため、このパターンでは
   イベントバナーの背景を「白→オレンジ」の2色グラデーションに変更します */
#anniv-page .event-banner{
  background:linear-gradient(120deg, var(--event-grad-1) 0%, #FFFFFF 100%);
  color:var(--ink);
}
#anniv-page .event-banner .txt p{ color:var(--ink-soft); }

/* 新規セクションのカードも、このパターンの丸み（ポップ）に合わせる */
#anniv-page .idea-card,
#anniv-page .case-card{ border-radius:20px; overflow:hidden; }