@import "tailwindcss";
@plugin "daisyui" {
  themes: light --default;
}

@plugin "daisyui/theme" {
  name: "dark";
  prefersdark: true;
  color-scheme: dark;
  --color-primary: oklch(54.6% 0.245 277);
  --color-primary-content: oklch(100% 0 0);
  --color-secondary: oklch(55.5% 0.25 293);
  --color-secondary-content: oklch(100% 0 0);
  --color-accent: oklch(65.5% 0.155 203);
  --color-accent-content: oklch(100% 0 0);
  --color-neutral: oklch(27.5% 0.014 249);
  --color-neutral-content: oklch(74.7% 0.016 249);
  --color-base-100: oklch(21.2% 0.014 251);
  --color-base-200: oklch(18.8% 0.013 253);
  --color-base-300: oklch(16.5% 0.011 250);
  --color-base-content: oklch(74.7% 0.016 249);
}

@theme {
  --font-sans: 'Inter', ui-sans-serif, system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;
}

html,
body,
#__nuxt {
  height: 100%;
}

@keyframes login-card-in {
  from {
    opacity: 0;
    transform: translateY(1rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.login-card {
  animation: login-card-in 0.3s ease-out;
}