/* 00_web/common/style.css: 全ツール共通スタイル */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;700&family=JetBrains+Mono:wght@400;500;700&display=swap');

:root {
  font-family: 'Inter', 'Noto Sans JP', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color-scheme: light;
}

html.dark {
  color-scheme: dark;
}

/* モノスペースフォント */
.font-mono {
  font-family: 'JetBrains Mono', monospace, ui-monospace;
}

/* スクロールバーの微細デザイン */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: rgba(148, 163, 184, 0.4);
  border-radius: 4px;
}
.dark ::-webkit-scrollbar-thumb {
  background: rgba(71, 85, 105, 0.5);
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(100, 116, 139, 0.7);
}

/* テーブルホバー時のスムーズなトランジション */
table tbody tr {
  transition: background-color 0.15s ease;
}

/* 数字の等幅表示（表の見やすさ向上） */
.tabular-nums {
  font-variant-numeric: tabular-nums;
}

/* コピーツールチップ用アニメーション */
@keyframes fadeInOut {
  0% { opacity: 0; transform: translateY(4px); }
  15% { opacity: 1; transform: translateY(0); }
  85% { opacity: 1; transform: translateY(0); }
  100% { opacity: 0; transform: translateY(-4px); }
}

.animate-toast {
  animation: fadeInOut 2s ease forwards;
}