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

@import './styles/init.less';
@import './styles/variables.less';
@import './styles/custom.less';
@import './styles/workbench.less';
@import './styles/shared.less';
@import './styles/metro.scope.less';

@layer components {
  .flex-center {
    @apply flex items-center justify-center;
  }

  .color-3 {
    @apply text-3;
  }
  .color-6 {
    @apply text-6;
  }
  .color-9 {
    @apply text-9;
  }
}
