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

.artca-wrapper {
  color: theme('colors.artca.text');
  font-family: theme('fontFamily.sans');
  background-color: theme('colors.artca.bg');
  min-height: 100vh; /* Optional, depending on where it's placed */
}

.artca-wrapper h1,
.artca-wrapper h2,
.artca-wrapper h3,
.artca-wrapper h4,
.artca-wrapper h5,
.artca-wrapper h6 {
  font-family: theme('fontFamily.display');
  color: theme('colors.artca.primary');
}