/*
 * 色の見直し（2026-10-22 鈴木さん採用「オレンジ案」）。refine.css の後に全ページで読む（CuelBase.astro）
 * オレンジを残して、6期LP（ティール→ピンク）の「2色のグラデーション」と「淡い背景」だけ取り入れた。
 * 6期の色そのものは「緑が暗い」で不採用。
 *
 * 鈴木さん（10/22）：6期風は「おしゃれだけど緑が暗い」「文字も暗い」「かといってオレンジがダサいのか」
 *   → オレンジは残し、光沢と強い影をやめる。相方の色はティールではなくコーラルピンク。
 *     見出しの紺（ほぼ黒）と、青みの灰色の本文をやわらげる
 */
:root {
	--w-orange: #ff7a4d;
	--w-coral: #f2678a;
	--w-grad: linear-gradient(120deg, var(--w-orange) 0%, #f9705f 50%, var(--w-coral) 100%);

	--orange: #f9673f;
	--orange-deep: #e85a35;
	--orange-gloss: var(--w-grad);
	--orange-soft: #ffeee6;
	--orange-line: #ff9a78;
	--ink: #2a2730;
	--refine-body: #625a58;
}

/* 文字の色：紺に近いほぼ黒（#101b30）→やわらかい濃い色、本文は温かみのある灰色 */
/* 見出しは --ink（上の :root）でやわらげる。h1〜h3 や p をまとめて塗り替えると、
   紺や写真の上の白い文字まで暗くなった（CuelNext の予約・規約ページの一番上など6か所）ので、やらない */

/* 強調の文字：グラデーションにすると写真の上で淡く見えた（鈴木さん「あなたらしくが見えない」）。
   はっきりした濃いオレンジ1色にする */
.site-shell .fv-title em,
.site-shell .fv-copy h1 em,
.site-shell main h2 em,
.site-shell .fv-copy h1 strong { color: #ee5527; }

/* ボタン：光沢と強い影をやめ、明るいグラデーション＋うすい影 */
.site-shell .button-primary,
.site-shell .nav-cta,
.site-shell .hero-actions .button:first-child {
	border-color: transparent;
	background: var(--w-grad);
	box-shadow: 0 8px 20px rgb(242 103 138 / 22%);
	color: #fff;
}

/* 実績の帯：紺のまま（鈴木さん「オレンジの帯はきつい」10/22）。月桂樹の画像も紺の地に合わせて作られている */

/* クリームの帯：淡いクリーム → 淡いピンクへ */
.site-shell .reasons,
.site-shell .news-motion,
.site-shell .faq-section,
.site-shell .bottom-cta,
.site-shell .offers {
	background:
		linear-gradient(160deg, rgb(255 138 92 / 9%) 0, rgb(255 255 255 / 0%) 45%, rgb(242 103 138 / 11%) 100%),
		#fffdfb;
}

/* 声の帯：紺は残し、温かい2色の光を足して重さをやわらげる */
.site-shell .story-collage {
	background:
		radial-gradient(circle at 88% 12%, rgb(242 103 138 / 32%) 0 170px, transparent 400px),
		radial-gradient(circle at 6% 92%, rgb(255 122 77 / 26%) 0 150px, transparent 380px),
		#1b2236;
}

/* CuelCollege：講師紹介の帯だけ青みの灰色だった → ほかの帯と同じ温かいクリームに。
   「実際の授業を、のぞいてみる。」の後ろの大きな薄い英字（REPORT）も、トップと同じく出さない */
.site-shell .ccx-teachers-band { background: #fff8f2; }
.site-shell .ccx-reports-shell::before { display: none; }

/* 見出しの下の短いオレンジの線（トップで外したものと同じ飾り）が、CuelNext とゼミの詳細ページに残っていた */
.site-shell :is(.cnx3-heading, .cnx3-about-def header) > h2::after,
.site-shell .zemi-hero-copy > .zemi-eyebrow::before,
.site-shell.zemi-page main section > h2::before { display: none; }