@charset "utf-8";
/* ===========================================================
/media Magazine UI リニューアル用の追加 CSS
既存の default.css / style_pc.css / style_sp.css の後ろで読み込む。

ステップ 1: デザイントークン（CSS 変数）の定義のみ。
既存の要素に当たるルールはこのステップでは書かない。
値の出どころ = Claude Design「WeddingMeWorks-Pixar」Magazine 画面（Nito パレット）
----------------------------------------------------------- */
:root {
	/* 色 */
	--ink: #3f4856;            /* 見出し・本文 */
	--sub: #5f6d7d;            /* サブテキスト */
	--line: rgba(95,115,135,.17);
	--rose: #8fb6e0;           /* 主役ブルー（装飾専用・文字色に使わない） */
	--roseDeep: #5a86c2;       /* 濃ブルー（強調・CTA） */
	--roseDeepHover: #4b76b0;
	--roseSoft: #ebf2fb;       /* 淡ブルー背景 */
	--sky: #e0b3a0;            /* 暖アクセント（装飾専用・文字色に使わない） */
	--skyDeep: #c2876f;
	--skySoft: #f6ece6;
	--cream: #f6f9fc;          /* ページ地色 */
	--petal: #d8e6f5;
	--link: #4d78b4;
	--linkHover: #2f5c94;
	--linkVisited: #7b6ba6;

	/* フォント */
	--font-mincho: 'Shippori Mincho', serif;                 /* 見出し（和）600 / 700 / 800 */
	--font-gothic: 'Zen Kaku Gothic New', sans-serif;        /* 本文（和）400 / 500 / 700 */
	--font-latin: 'Cormorant Garamond', serif;               /* 英字ラベル italic 500 / 600 */

	/* 角丸・影 */
	--radius-sm: 14px;
	--radius-card: 18px;
	--radius-lg: 22px;
	--radius-pill: 999px;
	--shadow-card: 0 18px 40px -30px rgba(150,110,120,.5);
	--shadow-cta: 0 16px 30px -12px rgba(90,134,194,.6);
}