/* Shared by app.css and admin.css, imported right after tailwindcss */
@source "../../templates";
@source "../../src";
@source "../../assets";
@source inline("rotate-90");

@plugin "@tailwindcss/forms";

@theme {
    --font-sans: Lato, sans-serif;

    --color-primary: #3d8ccb;
    --color-secondary: #f9c700;
    --color-primary-bg: #ebf3fa;
    --color-primary-light: #0070e0;
    --color-primary-medium: #165883;
    --color-primary-dark: #18527b;
    --color-pink: #fa1a8c;

    --color-sbw-primary: #B3820F;
    --color-sbw-secondary: #E91C26;
    --color-sbw-primary-dark: #8D7207;
    --color-sbw-overlay: #c20000;

    --color-snz-primary: #82c3c6;
    --color-snz-secondary: #f9c33d;
    --color-snz-primary-dark: #82c3c6;

    --color-ser-primary: #006fb6;
    --color-ser-secondary: #DE2C1B;
    --color-ser-primary-light: #04A4CC;

    --background-image-badge-gradient: linear-gradient(120deg, rgba(150,1,103,1) 0%, rgba(158,3,106,1) 40%, rgba(250,26,140,1) 100%);
    --background-image-brand-gradient: linear-gradient(to top right, #009fff, #165883, #18527b);
}

/*
 * Tailwind 3 defaults that Tailwind 4 changed: borders were gray-200 instead of currentColor,
 * and buttons had a pointer cursor.
 */
@layer base {
    *,
    ::after,
    ::before,
    ::backdrop,
    ::file-selector-button {
        border-color: var(--color-gray-200, currentcolor);
    }

    button:not(:disabled),
    [role="button"]:not(:disabled) {
        cursor: pointer;
    }
}

/*
 * Thin scrollbars without a track for inner scrolling areas. The page scrollbar takes its
 * style from <html>, which body * leaves out. Firefox and Chrome/Edge 121+ honour these;
 * Safari keeps its own overlay scrollbars.
 */
@layer base {
    body * {
        scrollbar-width: thin;
        scrollbar-color: var(--color-gray-300) transparent;
    }
}