/*
* docs/site/_base.css
*
* AXIOM LP shared base styles — D197 LP-P1 Batch 3c (2026-04-25)
*
* 全 LP page (index / blog / 404) で共通 reset + typography + scroll-behavior を
* 集約する shared style sheet。重複していた *{margin/padding/box-sizing} と
* html{scroll-behavior} と body{font-family/line-height/font-feature} を
* 1 file に統合し、各 page から再利用 (Cloudflare Pages /*.css cache hit ベース)。
*
* 使用方法 (各 LP page の 内):
* // design tokens (前提)
* // 本 file
*
*
* 各 page の責任:
* - max-width / padding / font-size 等 layout 固有値
* - hero / faq / plans 等 component 別 style
* - line-height は本 file の 1.7 が default、blog 系 (記事 wider) では 1.85 等で override
*
* 適用範囲 (16 LP page):
* - 適用: index.html / 404.html / blog/*.html (9 file)
* - 不適用: legal/*.html (直接 hex 使用、独立 style 維持) / getting-started.html
* (独自 token namespace --bg/--card/--border、独立内部 page)
*
* 編集禁止ルール:
* - reset / scroll-behavior は全 LP 共通必須、変更時は全 page 視覚回帰確認
* - var(--bg0) / var(--t1) / var(--body) は _tokens.css に依存、_tokens.css の
* 値が変わっても本 file の参照側は変えない (token 経由で同期)
*/
*,
*::before,
*::after {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
background: var(--bg0);
color: var(--t1);
font-family: var(--body);
line-height: 1.7;
font-feature-settings: "palt" 1, "kern" 1;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
a {
color: var(--blu);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}