@import "tailwindcss";

@plugin "@tailwindcss/typography";
@plugin "daisyui";

@theme {
    --color-cat-rosewater: #f5e0dc;
    --color-cat-flamingo: #f2cdcd;
    --color-cat-pink: #f5c2e7;
    --color-cat-mauve: #cba6f7;
    --color-cat-red: #f38ba8;
    --color-cat-maroon: #eba0ac;
    --color-cat-peach: #fab387;
    --color-cat-yellow: #f9e2af;
    --color-cat-green: #a6e3a1;
    --color-cat-teal: #94e2d5;
    --color-cat-sky: #89dceb;
    --color-cat-sapphire: #74c7ec;
    --color-cat-blue: #89b4fa;
    --color-cat-lavender: #b4befe;
    --color-cat-text: #cdd6f4;
    --color-cat-surface0: #313244;
    --color-cat-base: #1e1e2e;
    --color-cat-mantle: #181825;
}

@layer utilities {
    .debug {
        @apply border border-red-500;
    }
}

br {
    @apply my-0.5;
}

h1 {
    @apply text-4xl font-bold mb-2;
}

h2 {
    @apply text-3xl font-bold mb-2;
}

h3 {
    @apply text-2xl font-bold mb-2;
}

/* TODO change default style*/
a {
    @apply link text-cat-mauve;
    text-decoration-line: none;
}