@import "tailwindcss";
@import "flowbite/src/themes/default";
@import "tw-animate-css";

@plugin "@tailwindcss/forms";
@plugin "@tailwindcss/typography";
@plugin "flowbite/plugin";

@source "../../../node_modules/flowbite";

/* effectively disable dark mode */
@custom-variant dark (&:where(.dark, .dark *));

@custom-variant error {
  &:where([data-error] *) {
    @slot;
  }
}

@theme inline {
  --color-brand-50:  oklch(0.945 0.035 142.5);
  --color-brand-100: oklch(0.895 0.075 142.8);
  --color-brand-200: oklch(0.835 0.125 143.2);
  --color-brand-300: oklch(0.775 0.165 143.8);
  --color-brand-400: oklch(0.715 0.195 144.5);
  --color-brand-500: oklch(0.655 0.215 145.2);
  --color-brand-600: oklch(0.595 0.205 145.8);
  --color-brand-700: oklch(0.535 0.185 146.5);
  --color-brand-800: oklch(0.475 0.155 147.2);
  --color-brand-900: oklch(0.415 0.125 148.0);
  --color-brand-950: oklch(0.285 0.085 148.8);

  --color-border:     "hsl(var(--border))";
  --color-ring:       "hsl(var(--ring))";
  --color-foreground: "hsl(var(--foreground))";
  --color-background: "hsl(var(--background))";
}