@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';

:root {
  --text-color: #000000;
  --bg-color: #f4f4f4;
}

[data-theme='dark'] {
    --text-color: #f4f4f4;
    --bg-color: #010101;
}

body {
  background: var(--bg-color);
  color: var(--text-color);
}

h1 {
    color: var(--text-color);
    @apply  text-4xl
}

a {
    @apply text-blue-500
}