@import "tailwindcss";

@plugin "@tailwindcss/typography";

@plugin "daisyui" {
    themes: light --default, dark --prefersdark, forest;
}

@layer base {
    body {
        font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
    }
}

.advent-header {
    /*background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);*/
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
}

.advent-title {
    /* Festive Christmas gradient: deep red → bright red → gold → green → deep green */
    background: linear-gradient(90deg, #b91c1c 0%, #ef4444 22%, #f59e0b 50%, #22c55e 78%, #065f46 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 800;
    letter-spacing: -0.025em;
}