@import "tailwindcss";

@custom-variant dark (&:where(.dark, .dark *));

@layer base {
  body {
    font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
    @apply bg-slate-50 text-slate-900 dark:bg-slate-950 dark:text-slate-100 transition-colors duration-200;
  }
}

.font-display {
  font-family: 'Plus Jakarta Sans', sans-serif;
}

.font-editorial {
  font-family: 'Playfair Display', Georgia, serif;
}

.font-mono-data {
  font-family: 'JetBrains Mono', monospace;
  font-variant-numeric: tabular-nums;
}