@tailwind base;

@layer base {

  button:not(:not(.ant-btn-primary)),
  [type='button']:not(:not(.ant-btn-primary)),
  [type='reset']:not(:not(.ant-btn-primary)),
  [type='submit']:not(:not(.ant-btn-primary))
  {
    background-color: var(--primary-color);
  }

}


@layer base {

  h1 {
    @apply text-4xl font-bold;
  }

  h2 {
    @apply text-3xl font-bold;
  }

  h3 {
    @apply text-2xl font-semibold;
  }

  h4 {
    @apply text-xl font-semibold;
  }

  h5 {
    @apply text-lg font-medium;
  }

  h6 {
    @apply text-base font-medium;
  }

  a {
    text-decoration: none;
    transition: color 0.2s ease-in-out;
  }

}

@tailwind components;
@tailwind utilities;

:root {
  --foreground-rgb: 0, 0, 0;
  --background-rgb: 249, 250, 251;
  --primary-color: theme('colors.red.800');
}

body {
  color: rgb(var(--foreground-rgb));
  background-color: rgb(var(--background-rgb));
}