@import '@fortawesome/fontawesome-svg-core/styles.css';

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

/* Theme variables */
:root {
  --color-background: #ffffff;
  --color-text: #000000;
}

html.dark {
  --color-background: #333333; /* Dark grey */
  --color-text: #ffffff;
}

/* Apply theme to body */
body {
  background-color: var(--color-background);
  color: var(--color-text);
  transition: background-color 0.3s ease, color 0.3s ease;
}