/* ============================================================
   00-tokens.css — デザイントークン（色・書体・余白の変数）
   ============================================================ */
:root { --rl-page: #f4f5f7; --fs-hero: clamp(2.25rem, 5vw, 3.5rem); --fs-display: clamp(2rem, 4.5vw, 3.75rem); --fs-h2: clamp(1.375rem, 2.5vw, 1.75rem); --fs-lg: 1.125rem; --fs-base: 0.9375rem; --fs-sm: 0.8125rem; --fs-xs: 0.6875rem; --fs-2xs: 0.625rem; --ls-tight: -0.02em; --ls-normal: 0.01em; --ls-wide: 0.15em; --ls-wider: 0.2em; --rl-text: #0a0a0a; --rl-text-2: #444; --rl-text-3: #999; --rl-text-4: #c8c8c8; --rl-line: #e8e8e8; --rl-line-2: #f2f2f2; --rl-line-pill: #bcbcbc; --rl-bg: #fff; --rl-bg-soft: #f7f7f5; --rl-bg-alt: #f0f0ee; --rl-bg-source: #e9eef4; --rl-accent: #1d4ed8; }
.rl-shell { --rl-text: #0a0a0a; --rl-text-2: #444; --rl-text-3: #999; --rl-text-4: #c8c8c8; --rl-line: #e8e8e8; --rl-line-2: #f2f2f2; --rl-line-pill: #bcbcbc; --rl-bg: #fff; --rl-bg-soft: #f7f7f5; --rl-bg-alt: #f0f0ee; --rl-bg-source: #e9eef4; --rl-accent: #1d4ed8; }
:root { --ff-display: -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", Meiryo, sans-serif; --ff-body: -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", Meiryo, sans-serif; --ff-mono: -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", Meiryo, sans-serif; }
.rl-shell { --ff-display: -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", Meiryo, sans-serif; --ff-body: -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", Meiryo, sans-serif; }