/* サイト全体の色をトップ（top-2026.css）と同じ藍色系にそろえる（2026-10-28 R-004）。
   テーマの style.css は書き換えない（コンパス §0.1）。色の名前（変数）だけをここで上書きし、
   Base.astro がテーマのCSSのあとに全ページで読む。戻すときはこのファイルの読み込みを外す。
   青 → 藍の濃淡、黄・オレンジ → 芥子色。赤（価格などの強調）は変えない。 */

:root {
  --color-blue1: #1f5f7a;
  --color-blue2: #164759;
  --color-blue3: #0f3a4a;
  --color-blue4: #2b7a99;
  --color-pale-blue: #eef4f6;
  --color-yellow: #e6c76b;
  --color-orange: #b98a2e;
  --gradation-blue: linear-gradient(173deg, #2b7a99 0%, #1f5f7a 51%, #123f50 103%);
  --gradation-navy: linear-gradient(135deg, #1f5f7a 0%, #0e2f3b 100%);
  --gradation-orange: linear-gradient(121deg, #9c7424 0%, #b98a2e 60%, #e6c76b 100%);
  --gradation-yellow: linear-gradient(273deg, #d9ae45 0%, #efd68f 100%);
  /* WordPress のブロックの「メインカラー」 */
  --wp--preset--color--main-color: #1f5f7a;
}

/* テーマが色を直接書いている所 */
.c-accordion__link::before,
.p-top-flow__list-title { color: #1f5f7a; }
.c-heading,
.is-style-c-heading { background: var(--gradation-navy); }
.c-button::before { background: linear-gradient(93deg, #cfa23c 0%, #ead08a 100%); }

/* 青い模様が焼き込まれた画像（ページ上部の見出しの帯）は、画像を差し替えずに藍色を重ねる */
.c-page-heading__bg::after,
.p-cta__bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(22, 71, 89, 0.82);
}