/* ==========================================================================
   taste-orthodox.css
   イメージテイスト: 3-1. オーソドックス（信頼・知的・規律）
   common.css の構造はそのままに、色・フォント・装飾のみをここで定義する。
   他テイストに差し替える場合は、HTML側の <link> をこのファイルから
   taste-xxx.css に変更するだけでよい。
   ========================================================================== */

:root {
  /* カラーパレット: ネイビー / ホワイト / ライトグレー（シンプルとの差別化のため、彩度をやや高めた「はっきり青」寄りのネイビーに調整） */
  --color-primary: #24487d;
  --color-primary-dark: #16304f;
  --color-accent: #24487d;
  --color-accent-contrast: #c9a15a; /* MVの強調ワード用の控えめなゴールド */

  --color-bg: #ffffff;
  --color-bg-alt: #eef3fa;
  --color-text: #23303f;
  --color-text-light: #6b7686;
  --color-border: #dbe6f2;

  --color-header-bg: #ffffff;
  --color-footer-bg: #16304f;
  --color-footer-text: #ffffff;

  --color-cta-bg: #24487d;
  --color-cta-text: #ffffff;

  /* フォント: クリーンで可読性の高い角ゴシック */
  --font-heading: system-ui, -apple-system, "Segoe UI", "Hiragino Kaku Gothic ProN", sans-serif;
  --font-body: system-ui, -apple-system, "Segoe UI", "Hiragino Kaku Gothic ProN", sans-serif;
  --letter-spacing-heading: 0.01em;

  /* 装飾: 直線的でカチッとした印象。角丸はわずかに */
  --radius: 4px;
  --radius-lg: 4px;

  /* 影: ほぼフラット、淡い境界線のみ */
  --shadow-sm: none;
  --shadow-md: 0 1px 2px rgba(28, 45, 66, 0.08);
  --border-style: 1px solid #e2e8f0;
}

/* オーソドックス固有の装飾: セクション見出し下の直線アクセント */
.section__title {
  position: relative;
  padding-bottom: 16px;
}

.section__title::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 40px;
  height: 2px;
  background: var(--color-accent);
}

/* ロゴのアクセント文字色 */
.site-logo span {
  color: var(--color-accent-contrast);
}