/*
Theme Name: ジッソク
Template: locus-base
Author: 株式会社ローカス
Author URI: https://locus-web.jp/
Description: ジッソク HP 用の子テーマ。親テーマ Locus Base の上に、色などジッソク固有の設定だけを載せる。
Version: 0.1.0
Requires PHP: 8.0
Text Domain: jissoku
*/

/*
 * 「Template: locus-base」の 1 行が、この子テーマの親が locus-base であることを WordPress に伝える。
 * 親テーマのフォルダ名と 1 文字でも違うと、子テーマとして動かない。
 *
 * このファイルは親テーマの CSS の「後」に読み込まれる（親テーマの inc/enqueue.php が読み込み順を管理している）。
 * 後から読む CSS が優先されるので、ここで変数を上書きすればサイト全体の色が変わる。
 *
 * 子テーマで上書きするのは、原則として親テーマの assets/css/tokens.css にある変数だけ。
 * 部品の形そのものを変えたくなったら、まず親テーマに「種類違い（--〇〇）」を足せないか考える。
 */

/*
 * ジッソクの見た目（2026-10-15 デザインの作り直し・docs/decisions.md）
 *
 * 色は緑・オレンジ・白。緑は LINE の公式の色（#06C755）をそのまま使わず、近いが少し違う緑にした
 * （LINE の公式のサービスと見間違えられないように。本人の決定）。
 * 緑は 2 段で使う:
 *   - primary（深い緑）… ボタン・リンク・文字。白い文字とのコントラスト比 4.9（読みやすさの基準 4.5 以上）
 *   - primary-vivid（明るい緑）… 背景の図形・線・アイコンなどの飾りだけ。白い文字は載せない（比 2.3 で読みにくい）
 * オレンジ（accent）は「無料で試す」などのボタンの色。白い文字との比は 3.6 なので、ボタンの文字は太字で大きめにする
 * （太字の大きな文字なら 3 以上が基準）。
 */
:root {
	--locus-color-primary: #05823f;
	--locus-color-primary-vivid: #1ec26a;
	--locus-color-accent: #dd6200;

	--locus-color-text: #1e2b3a;
	--locus-color-text-muted: #556372;
	--locus-color-bg-alt: #f3faf6;
	--locus-color-border: #dce8e1;
	--locus-color-marker: #fff27a;
	--locus-color-footer-bg: #14261d;

	/*
	 * 書体は LINE Seed JP（assets/fonts/line-seed-jp/。自分のサーバーから配る）。
	 * 読み込み終わるまでは、後ろに並べた端末の書体で表示される。
	 */
	--locus-font-sans: "LINE Seed JP", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic UI", "Meiryo", sans-serif;
	--locus-font-weight-heading: 800;

	/* 角を大きめに丸め、影は薄い緑がかった色でやわらかくする */
	--locus-radius: 12px;
	--locus-radius-lg: 24px;
	--locus-shadow: 0 6px 20px rgb(16 72 42 / 0.08);
	--locus-shadow-lg: 0 16px 40px rgb(16 72 42 / 0.12);

	/* ボタンの下に厚みを付けて、押せそうに見せる */
	--locus-button-depth: 4px;

	--locus-header-height: 72px;
	--locus-logo-height: 48px;

	/*
	 * トップの一番大きな見出し。つなぎの言葉を u-text-shrink で小さくしているので、
	 * 大事な言葉が目立つよう、親テーマの初めの値（最大 3.5rem）より一回り大きくする。
	 */
	--locus-font-size-hero: clamp(2.1rem, 1.4rem + 3vw, 4rem);
}