@import "tailwindcss";

@plugin "./daisyui-wrapper.js" {
    themes: all;
};

@plugin "./daisyui-theme-wrapper.js" {
};

@source not "*";
@source "./src/**/*.{rs,html,css}";

@theme {
    /* Copied out of DaisyUI theme, which doesn't make the color available */
    --color-soft-error: color-mix(in oklab, var(--color-error, var(--color-base-content)) 8%, var(--color-base-100));
}

@layer utilities {
    .interact {
        @apply cursor-pointer;
        @apply hover:text-base-content/70;
        @apply active:text-primary active:translate-y-[.5px] active:shadow-(--btn-shadow);
    }
}