/*
 * AIWK Common CSS
 * Bootstrap 5.3을 기본으로 쓰고, 필요한 커스텀만 이 파일에 둔다.
 * Tailwind를 병행할 때는 tw- prefix만 사용한다.
 */
:root {
  --aiwk-radius-lg: 1rem;
}

.aiwk-body {
  min-height: 100vh;
  background: var(--bs-body-bg);
}

.aiwk-navbar {
  backdrop-filter: blur(10px);
}

.aiwk-card-soft {
  border-radius: var(--aiwk-radius-lg);
  border: 1px solid var(--bs-border-color);
  background: var(--bs-body-bg);
}

.aiwk-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.aiwk-stat-value {
  font-size: clamp(1.6rem, 4vw, 2.5rem);
  font-weight: 800;
  letter-spacing: -0.03em;
}

[data-bs-theme="dark"] .aiwk-card-soft {
  background: rgba(255, 255, 255, 0.035);
}

[data-bs-theme="dark"] pre {
  color: #e5e7eb;
  background: #111827 !important;
}

pre.aiwk-pre {
  padding: 1rem;
  border-radius: .75rem;
  border: 1px solid var(--bs-border-color);
  background: var(--bs-tertiary-bg);
  overflow: auto;
}
