/*
 * Lübeck's theme — plain CSS, served as it is.
 *
 * On the shared build one Tailwind stylesheet serves every tenant, and this
 * file is linked after it (brand_color_css() in the layouts): what differs per
 * tenant is a CSS variable set here, at runtime, not a value compiled into
 * utilities. So: custom properties on :root, @font-face, and the odd rule of the
 * tenant's own. No Tailwind directives — nothing compiles this file on that build.
 *
 * This file is for both surfaces. What only the public site or only the admin
 * should get goes next to it, in theme.www.css or theme.admin.css — linked after
 * this one, on that surface alone.
 *
 * From apps/luebeck/assets/theme, for Lübeck as a tenant of the general
 * app. A colour set in the admin (PageConfig) still wins over the
 * palette below.
 */

:root {
    --color-primary: #b51328;
    --color-primary-50: #fdf3f3;
    --color-primary-100: #F5E1E4;
    --color-primary-200: #E6C1C6;
    --color-primary-300: #b51328;
    --color-primary-400: #C2132B;
    --color-primary-500: #C2132B;
    --color-primary-600: #b51328;
    --color-primary-700: #9C1022;
    --color-primary-800: #8a0f20;
    --color-primary-900: #720c1a;

    --color-blueAlt-50: #eef2f7;
    --color-blueAlt-100: #dce5ee;
    --color-blueAlt-200: #D5E2EF;
    --color-blueAlt-300: #b9cbde;
    --color-blueAlt-400: #7398bd;
    --color-blueAlt-500: #507eac;
    --color-blueAlt-600: #507eac;
    --color-blueAlt-700: #507EAC;
    --color-blueAlt-800: #385878;
    --color-blueAlt-900: #182634;

    --color-greenAlt-50: #f5f9f8;
    --color-greenAlt-100: #ebf4f1;
    --color-greenAlt-200: #D5EFE7;
    --color-greenAlt-300: #a5ccc0;
    --color-greenAlt-400: #9BC6B9;
    --color-greenAlt-500: #8cb2a7;
    --color-greenAlt-600: #7c9e94;
    --color-greenAlt-700: #6d8b82;
    --color-greenAlt-800: #4e635d;
    --color-greenAlt-900: #3e4f4a;

    --color-tint: #d8baeb;
}