/* assets/css/variables.css
   - デザイン変数を一元管理
*/
:root{
  --font-sans: "Noto Sans JP", "M PLUS Rounded 1c", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --color-bg: #ffffff;
  --color-ink: #333;
  --color-muted: #666;
  --color-accent: #005bbb;
  --max-width: 1080px;
  --gap: 24px;
  --radius: 6px;
  --break-sm: 600px;
  --break-md: 768px;
  --break-lg: 1024px;

  /* news コンポーネント用の追加変数 */
  --color-divider: #eee;
  --news-item-hover: #fafafa;
}