@import "tailwindcss" source(none);
@source "../../../public/*.html";
@source "../../../app/helpers/**/*.rb";
@source "../../../app/javascript/**/*.js";
@source "../../../app/views/**/*";
@source "./custom.css";

@plugin 'tailwind-scrollbar';
@plugin "@tailwindcss/typography";
@plugin "@tailwindcss/forms";

@plugin "daisyui" {
  themes: light --default, dracula --prefersdark;
  logs: true;
}

@theme {
  --color-form-input: #9b9b9b;
  --color-form-bg: #1b1b1b;
}

@plugin "daisyui/theme" {
  name: "light";
  --root-bg: var(--color-neutral-content);
  --color: var(--color-base-content);
  --color-primary: oklch(52.82% 0.2628 262.87);
  --color-primary-content: white;
  --radius-field: 0.5rem;
  --color-secondary: var(--color-red-500);
  --color-error: var(--color-red-500);
  --color-error-content: white;
  --radius-field: var(--radius-2xl);
  --radius-box: var(--radius-2xl);
}
@plugin "daisyui/theme" {
  name: "dracula";
  --root-bg: #1b1b1b;
  --color: var(--color-neutral-content);
  --color-primary: oklch(52.82% 0.2628 262.87);
  --color-primary-content: white;
  --radius-field: 0.5rem;
  --color-secondary: var(--color-red-500);
  --color-error: var(--color-red-500);
  --color-error-content: white;
  --radius-field: var(--radius-2xl);
  --radius-box: var(--radius-2xl);
}

@import "./custom";

@custom-variant dark (&:where(:root:has(input.theme-controller[value=dracula]:checked), [data-theme=dracula], [data-theme=dracula] *));

@utility layout {
  @apply mx-auto w-full md:max-w-3xl p-2;
}


@layer base {
  html {
    overflow-y: hidden;
  }
}