@import "tailwindcss";

@theme {
    --color-brand: #780000;
}

/* Boxed info section used throughout the page (Öffnungszeiten, Blumi, Sortiment, ...) */
.card {
    @apply text-center border-3 rounded-2xl border-brand max-w-xl bg-zinc-200 drop-shadow-xl/50 mx-auto my-6 py-6;
}

/* Bold, underlined red heading/label used inside cards */
.heading-accent {
    @apply font-bold text-brand underline decoration-2 decoration-brand;
}

/* Phone number call-to-action button */
.btn-phone {
    @apply bg-[#c9c7cf] hover:bg-gray-200 text-black font-bold py-2 px-4 border-b-4 border-[#939199] hover:border-brand rounded;
}