/*
 * presets/construction-tech.css — STYLE 04｜INDUSTRIAL
 *
 * 参考サイト: fines-art.com の実測値（2026-10-06・実ブラウザで
 * getComputedStyle／CSSカスタムプロパティを取得）。「似た雰囲気」では
 * なく実際の値を採用している。Design Language: industrial
 * （design-languages/industrial.css）と組み合わせる。このファイルは
 * トークン値のみを持つ（レイアウト・モーションはindustrial.css）。
 * 内部slug（construction-tech）は保存済み設定との互換のため変更しない。
 *
 * 実測値（fines-art.com）:
 * - Primary（紺ボタン .c-btn.is-blue）  --blue-color   #153653
 * - Dark（HERO・フッターの濃色面）       --navy-color   #262843
 * - 見出し・本文色                       --main-color   #141414
 * - 背景 / 灰背景                        #ffffff / #f0f0f0（--gray-lighten-bg）
 * - Border                               --border-color #d2d2d2
 * - Hover                                --hover-color  #1e4c74
 * - 問い合わせCTA（橙・白文字）          #ec4c23、ホバー #d32b00
 * 注意: 橙CTAと白文字のコントラストは約3.7:1。ボタン文字は太字（700）で使う。
 *
 * フォント: 参考サイトの筑紫ゴシック（Fontworks・有償）は使用できないため、
 * 見た目・ウェイト感が近いGoogle FontsのNoto Sans JP 700を見出しに使う
 * （日本語はGoogle Fonts API。使用ウェイトは400/700のみ）。本文はシステム
 * ゴシックを優先し、Noto Sans JPはfallback。
 */

:root {
	--color-primary: #153653;
	--color-primary-strong: #262843;
	--color-accent: #ec4c23;
	--color-text: #141414;
	--color-text-subtle: #5b5b5b; /* 実測なし（#141414の約70%）の派生値 */
	--color-bg: #ffffff;
	--color-bg-subtle: #f0f0f0;
	--color-border: #d2d2d2;
	--color-button-text: #ffffff;
	--color-focus: #ec4c23;

	/* 主CTA（問い合わせ）は橙。サイト内遷移の紺ボタンはprimary */
	--color-cta: #ec4c23;
	--color-cta-text: #ffffff;
	--color-cta-hover: #d32b00;

	--font-base: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic Medium", "Yu Gothic", "Noto Sans JP", sans-serif;
	--font-heading: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", sans-serif;
	--font-en: "Helvetica Neue", "Arial", sans-serif;

	--font-weight-body: 400;
	--font-weight-heading: 700;
	--font-weight-statement: 700;
	--letter-spacing-body: normal;
	--letter-spacing-heading: 0.02em;
	--line-height-body: 1.8;
	--line-height-heading: 1.35;

	--font-size-body: clamp(0.9375rem, 0.9rem + 0.18vw, 1.0625rem);
	--font-size-small: clamp(0.8125rem, 0.79rem + 0.1vw, 0.875rem);
	--font-size-label: clamp(0.75rem, 0.73rem + 0.1vw, 0.8125rem);

	--font-size-hero: clamp(2.5rem, 1.85rem + 3.3vw, 4.75rem);
	--font-size-section: clamp(1.75rem, 1.5rem + 1.2vw, 2.5rem);
	--font-size-heading: clamp(1.3125rem, 1.2rem + 0.5vw, 1.625rem);
	--font-size-subheading: clamp(1.0625rem, 1rem + 0.25vw, 1.1875rem);
}