@import "tailwindcss";

@theme {
  --font-sans: "Inter", system-ui, sans-serif;
  --font-display: "Fraunces", Georgia, serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
}

:root {
  font-family: var(--font-sans);
  font-feature-settings: "cv02", "cv03", "cv04", "cv11";
}

.font-display {
  font-family: var(--font-display);
  font-optical-sizing: auto;
}

.font-mono {
  font-family: var(--font-mono);
}

/* Tabular numerals — critical for timestamps and metrics */
.tabular {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
}

/* Subtle pulse for active/working states */
@keyframes pulse-soft {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}

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