/* Early-load font-face to ensure Noto Sans JP is available before React mounts */
@font-face {
  font-family: 'Noto Sans JP Var';
  src: url('/fonts/NotoSansJP-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap; /* avoid FOIT and swap when ready */
}

/* Apply early so initial paint uses this stack; swap occurs when font is ready */
html, body {
  font-family: 'Noto Sans JP Var', 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans',
    'Yu Gothic', 'Meiryo', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto',
    'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
}