@import "tailwindcss";
@config "../tailwind.config.js";

:root {
  --text-xs: 0.75rem;   /* 12px - メタ情報 */
  --text-sm: 0.875rem;  /* 14px - 補足テキスト */
  --text-base: 1rem;    /* 16px - 本文 */
  --text-lg: 1.125rem;  /* 18px - 小見出し */
  --text-xl: 1.25rem;   /* 20px - 見出し */
  --text-2xl: 1.5rem;   /* 24px - 大見出し */
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI',
               'Noto Sans JP', 'Helvetica Neue', Arial, sans-serif;
  margin: 0;
  padding: 0;
}

@utility pulse-animation {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
}
