/* 共通スタイルシート
 Tailwind CSSでカバーしきれないスタイルや、
 共通のカスタムスタイルを定義します。
*/

/* Interフォントの読み込み (Tailwindの設定で利用) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

body {
    /* Tailwindが 'font-sans' を 'Inter' にマッピングしていますが、
      念のためフォールバックを設定 
    */
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
        Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ローディングスピナー (scanner.htmlの処理中画像gifの代わり) */
.loading-spinner {
    width: 64px;
    height: 64px;
    border: 8px solid #f3f3f3; /* ライトグレー */
    border-top: 8px solid #3498db; /* ブルー */
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}