@tailwind base;
@tailwind components;
@tailwind utilities;

/* Custom Swedish number formatting helpers */
.swedish-number {
  font-variant-numeric: tabular-nums;
}

/* Budget status indicators with dark mode support */
.status-good {
  @apply bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300;
}

.status-warning {
  @apply bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-300;
}

.status-over {
  @apply bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-300;
}

.status-neutral {
  @apply bg-gray-200 text-gray-600 dark:bg-gray-700 dark:text-gray-300;
}

/* Smooth theme transitions */
* {
  @apply transition-colors duration-200;
}