/* Minimal extras layered on top of Tailwind CDN. */

html, body {
  font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
  background: #f8f9f6;
}

h1, h2, .serif {
  font-family: 'Source Serif 4', Georgia, serif;
  letter-spacing: -0.01em;
}

/* TNC-style card hover: subtle lift + green-tinted shadow */
.card-hover {
  transition: transform .25s cubic-bezier(.4,0,.2,1),
              box-shadow .25s cubic-bezier(.4,0,.2,1),
              border-color .25s cubic-bezier(.4,0,.2,1);
}
.card-hover:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(0, 90, 48, .10), 0 4px 10px rgba(0, 0, 0, .04);
  border-color: #b8dec5;
}

/* slightly tighter scrollbar in main column on Windows */
main::-webkit-scrollbar { width: 10px; }
main::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 5px; }
main::-webkit-scrollbar-track { background: transparent; }

/* htmx swap pulse */
.htmx-swapping { opacity: 0.5; transition: opacity 100ms; }

/* tabular nums for KPI / stat numbers */
.stat-num { font-variant-numeric: tabular-nums; }