/* テーマ: Liberty トーン: 明るい・親しみやすい・白基調＋黄緑グラデーション 出典: site-liberty.com (本番サイト) から実測した配色・フォントを意味トークンへ正規化したもの (body文字色 #333333、補助 #666666、背景白、ボタン背景 linear-gradient(135deg, #CAF880, #71CE7E)、 フォント Lato + Noto Sans JP) 想定業種: 株式会社Liberty(人材紹介・教育・生活サポート等の複数事業) 使い方: components/ 配下のHTMLを読み込むページの でこのファイルを 先に読み込む（構造CSSより前）。 */ :root { /* ベース面 */ --surface: #ffffff; --surface-alt: #f7f9f6; --surface-card: #ffffff; /* テキスト */ --ink: #333333; --ink-2: #666666; --ink-3: #8a8a8a; --line: #e4e7e2; /* アクセント(黄緑〜緑グラデーション) */ --accent: #71ce7e; --accent-2: #caf880; --accent-ink: #17331d; --accent-soft: #eefaea; /* 反転セクション(濃い緑帯。フッター等の常時ダーク領域に使う) */ --surface-invert: #1f3a24; --surface-invert-2: #2a4a30; --ink-invert: #f3f8f0; --ink-invert-2: #b9ccb6; /* 常時ダーク領域(フッター等) */ --on-dark: #f3f8f0; --on-dark-2: #b9ccb6; /* 状態色 */ --good: #2f8f4e; --good-soft: #e9f7ee; --warn: #a3630f; --warn-soft: #f7efe1; /* タイポグラフィ(実サイト実測: Lato + Noto Sans JP) */ --font-jp: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif; --font-sans: "Lato", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif; --font-serif: "Hiragino Mincho ProN", serif; /* 形状 */ --radius-sm: 8px; --radius-md: 14px; --radius-lg: 22px; --shadow-card: 0 20px 46px -26px rgba(51, 51, 51, 0.18); /* レイアウト */ --maxw: 1120px; --readw: 720px; }