/**
 * AOI クリニック (LP-fixed) — 共有デザイントークン + ベース
 *
 * clinic-pattern-1-fv / clinic-pattern-1-news が共通で参照する CSS カスタムプロパティと
 * リセット相当の基本スタイルをここに集約する。
 *
 * theme.json トークンは適用しない（完全再現デザイン）。
 */

.clinic-pattern-1-fv,
.clinic-pattern-1-news {
	/* Palette */
	--cp1-navy: #08265c;
	--cp1-navy-soft: #25446f;
	--cp1-blue: #0066c9;
	--cp1-light-blue: #eaf6ff;
	--cp1-orange: #0abab5;
	--cp1-orange-light: #0fc9c4;
	--cp1-orange-dark: #089a96;
	--cp1-tag-holiday-bg: #d6f5f3;
	--cp1-text-muted: #65758f;
	--cp1-text-muted-soft: #667895;
	--cp1-arrow-muted: #a8b2c4;
	--cp1-line: #e8eef6;
	--cp1-card-bg: #fff;
	--cp1-photo-bg: #f5f7fb;

	/* Shadows */
	--cp1-shadow-card: 0 14px 34px rgba(10, 35, 80, 0.08);
	--cp1-shadow-card-hover: 0 22px 40px rgba(10, 35, 80, 0.12);
	--cp1-shadow-card-sp: 0 10px 24px rgba(10, 35, 80, 0.06);
	--cp1-shadow-news: 0 18px 44px rgba(10, 35, 80, 0.08);
	--cp1-shadow-cta: 0 16px 32px rgba(10, 186, 181, 0.28);
	--cp1-shadow-cta-hover: 0 22px 36px rgba(10, 186, 181, 0.36);
	--cp1-shadow-tour: 0 6px 16px rgba(10, 35, 80, 0.06);
	--cp1-shadow-tour-hover: 0 14px 28px rgba(10, 35, 80, 0.14);
	--cp1-shadow-play: 0 8px 20px rgba(10, 35, 80, 0.12);
	--cp1-shadow-play-hover: 0 12px 26px rgba(10, 35, 80, 0.18);
	--cp1-shadow-badge: 0 8px 22px -8px rgba(27, 58, 138, 0.18);
	--cp1-shadow-sticky: 0 8px 22px rgba(10, 35, 80, 0.13);

	/* Border radii */
	--cp1-radius-card: 24px;
	--cp1-radius-card-sp: 20px;
	--cp1-radius-news: 28px;
	--cp1-radius-news-sp: 20px;
	--cp1-radius-tour: 14px;
	--cp1-radius-tour-sp: 13px;
	--cp1-radius-cta: 18px;
	--cp1-radius-sticky: 12px;

	/* Typography */
	--cp1-font-body: "Noto Sans JP", -apple-system, BlinkMacSystemFont,
		"Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
	--cp1-font-display: Montserrat, sans-serif;

	/* Animation easings */
	--cp1-ease-out-expo: cubic-bezier(0.22, 0.61, 0.36, 1);

	/* Photo clipping reference (used by .clinic-pattern-1-fv__photo) */
	--cp1-photo-clip: url("#clinic-pattern-1-fv-photo-clip");

	color: var(--cp1-navy);
	font-family: var(--cp1-font-body);
	font-feature-settings: "palt";
	-webkit-font-smoothing: antialiased;
}

/* `:where()` で specificity を 0 に下げ、ブロック側の個別スタイル
   （例: .clinic-pattern-1-fv__cta { color:#fff } に紺リンクが勝たないよう）が
   常に上書きできるようにする。 */
:where(.clinic-pattern-1-fv, .clinic-pattern-1-news) * {
	box-sizing: border-box;
}

:where(.clinic-pattern-1-fv, .clinic-pattern-1-news) img {
	display: block;
	max-width: 100%;
}

:where(.clinic-pattern-1-fv, .clinic-pattern-1-news) a {
	color: inherit;
	text-decoration: none;
}