@import 'tailwindcss';
@plugin "daisyui";

@plugin 'daisyui/theme' {
  name: light;
  default: true;
  prefersdark: false;
  --color-primary: #0082ce;
  --color-secondary: #61738d;
  --color-accent: #e8e8e8;
  --color-neutral: #000000;
}

@plugin 'daisyui/theme' {
  name: dark;
  default: false;
  prefersdark: true;
  --color-primary: #0082ce;
  --color-primary-content: #ffffff;
  --color-secondary: #61738d;
  --color-secondary-content: #ffffff;
  --color-accent: #e8e8e8;
  --color-accent-content: #000000;
}

@utility container {
  margin-inline: auto;
  padding-inline: 1rem;
  @media (width >= theme(--breakpoint-sm)) {
    padding-inline: 2rem;
  }
  @media (width >= theme(--breakpoint-lg)) {
    padding-inline: 4rem;
  }
  @media (width >= theme(--breakpoint-xl)) {
    padding-inline: 5rem;
  }
  @media (width >= theme(--breakpoint-2xl)) {
    padding-inline: 6rem;
  }
}

@utility padding {
  @apply py-3 px-5;
}

@utility hover-animation {
  @apply hover:ease-out duration-300;
}

@utility console-btn {
  @apply flex justify-center items-center h-4 w-4 rounded-full;
}
