:root {
  /* Webフォント
     本文は Regular、見出し・ボタン・ナビ・ラベル類などの独立したUI要素のみ Medium を使用。
     TypeSquareの読み込みタイミング対策は assets/js/app.js 側で実行しています。 */
  --font-regular: "UD Shin Go Regular", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Yu Gothic", "YuGothic", "Meiryo", sans-serif;
  --font-medium: "UD Shin Go Medium", "UD Shin Go Regular", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Yu Gothic", "YuGothic", "Meiryo", sans-serif;

  /* 基本カラー */
  --color-primary: #0f7a61;
  --color-primary-dark: #075946;
  --color-secondary: #f0a326;
  --color-accent: #dff4ec;
  --color-sky: #e6f6ff;
  --color-ink: #1b2a2f;
  --color-text: #334247;
  --color-muted: #66787d;
  --color-line: #dbe7e4;
  --color-bg: #fbfdfb;
  --color-card: #ffffff;

  /* 基本レイアウト */
  --container: 1120px;
  --header-height: 72px;
  --section-padding-desktop: 88px;
  --section-padding-mobile: 62px;

  /* 角丸・影 */
  --radius-lg: 28px;
  --radius-md: 18px;
  --radius-sm: 12px;
  --shadow: 0 18px 45px rgba(11, 72, 60, 0.12);

  /* ヘッダーロゴ */
  --brand-mark-size: 42px;
  --brand-logo-height: 44px;
  --brand-logo-height-mobile: 38px;
  --brand-logo-max-width: 210px;

  /* キービジュアル */
  --hero-visual-bg: #ffffff;
  --hero-visual-max-width: 980px;
  --hero-visual-max-height: min(68svh, 760px);
  --hero-visual-padding-top: clamp(48px, 15vw, 60px);

  /* キービジュアル左上の「入場無料」バナー */
  --hero-free-banner-width: clamp(150px, 21vw, 270px);
  --hero-free-banner-top: 0px;
  --hero-free-banner-left: 0px;
  --hero-free-banner-width-mobile: clamp(105px, 32vw, 175px);
  --hero-free-banner-top-mobile: 0px;
  --hero-free-banner-left-mobile: 0px;

  /* ヒーローエリア全体の背景（キービジュアル部分を含む） */
  --hero-background-overlay: rgba(255, 255, 255, .0);
  --hero-background-size: cover;
  --hero-background-position: center top;
  --hero-background-position-mobile: center top;
  --hero-content-blur: 2px;
  --hero-copy-panel-opacity: .72;
  --hero-copy-panel-opacity-mobile: .82;
  --hero-card-opacity: .92;

  /* ポスター掲載パート */
  --poster-max-width: 760px;
}