/* Custom styles. Tailwind is loaded via tailwind-out.css in layout.tsx (built by prebuild from tailwind-src.css). */
:root {
  --green: #1249b0;
  --green-light: #2563eb;
  --green-glow: #60a5fa;
  --cream: #f5f1eb;
  --dark: #0a1628;
  --mid: #0f172a;
  --text: #2a2a2a;
  --muted: #6b7b74;
  --foreground-rgb: 42, 42, 42;
  --background-rgb: 245, 241, 235;
  --card-tint: #eff6ff;
  --tag-bg: #dbeafe;
}

/* Slightly larger base scale so 100% zoom feels like ~125% — improves readability and presence */
html {
  font-size: 112.5%;
}

body {
  color: rgb(var(--foreground-rgb));
  background: var(--cream);
  font-family: var(--font-dm-sans), ui-sans-serif, system-ui, sans-serif;
}

@keyframes badge-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.5; transform: scale(1.4); }
}

.animate-badge-pulse {
  animation: badge-pulse 2s ease-in-out infinite;
}

/* Pill-shaped nav: fully rounded capsule */
.nav-pill {
  border-radius: 9999px;
  box-shadow: 0 6px 28px rgba(0, 0, 0, 0.07);
}