@import "tailwindcss";

@import "./fonts.css";
@import "./icons.css";
@import "./theme.css";

@import "./base.css";
@import "./components.css";
@import "./utilities.css";
@import "./utility.css";

@plugin "@tailwindcss/forms";
@plugin "@tailwindcss/typography";
@plugin "daisyui" {
    themes: winter --default, dracula --prefersdark;
    root: ":root";
    prefix: 'd-';
    logs: true;
}

/* make dark: selector of tailwind available */
@custom-variant dark (&:where([data-theme=dracula], [data-theme=dracula] *));

@plugin "daisyui/theme" {
    name: "winter";
    default: true;
    --color-primary: oklch(0.84 0.18 117.33);
    --color-warning: oklch(0.581 0.203 26.288);
    --color-base-300: oklch(70.4% 0.04 256.788);
}
@plugin "daisyui/theme" {
    name: "dracula";
    --color-primary: oklch(0.84 0.18 117.33);
    --color-warning: oklch(0.581 0.203 26.288);
    --tab-border-color: white !important;
    --tabs-border-color: white !important;
    --color-base-300: white;
}