/* GT.engineer デザイントークン
   正本: 承認済みラフ（design-mocks/）+ React試作 src/styles.css から抽出。
   値の変更は思考スペースでの合意後に行う。 */

:root {
	/* カラー */
	--gt-purple: #6725f4;
	--gt-purple-dark: #4012bd;
	--gt-purple-soft: #eee8ff;
	--gt-orange: #ff6b00;
	--gt-orange-light: #ff8c38;
	--gt-yellow: #ffef3f;
	--gt-ink: #130b28;
	--gt-ink-heading: #0d0920;
	--gt-muted: #5d5870;
	--gt-line: #e8ddff;
	--gt-bg: #ffffff;
	--gt-bg-soft: #fbf8ff;

	/* タイポグラフィ */
	--gt-font-family: "Inter", "Noto Sans JP", "Yu Gothic", "Hiragino Kaku Gothic ProN", system-ui, sans-serif;
	--gt-fs-hero: clamp(44px, 5.4vw, 76px);
	--gt-fs-kicker: clamp(16px, 1.8vw, 22px);
	--gt-fs-ribbon: clamp(13px, 1.3vw, 15px);
	--gt-fs-cta: clamp(17px, 1.9vw, 21px);
	--gt-lh-hero: 1.08;

	/* 余白・レイアウト */
	--gt-container-max: 1080px;
	--gt-container-gutter: 48px;
	--gt-header-height: 76px;
	--gt-radius-s: 8px;
	--gt-radius-m: 12px;
	--gt-radius-pill: 100px;

	/* 影・グラデーション */
	--gt-shadow: 0 18px 50px rgba(73, 36, 180, 0.14);
	--gt-shadow-header: 0 8px 30px rgba(75, 45, 155, 0.08);
	--gt-grad-cta: linear-gradient(90deg, #ff6b00, #ff8c38);
	--gt-grad-cable: linear-gradient(90deg, #6725f4, #9b5cff 34%, #ff6b00 74%, #ff8c38);
}