body {
	/* 
     * The underlying background color for the auth site.
     */
	--asterisms-branding-auth-background: var(--ref-palette-neutral-variant-4-rgb);

	/* 
     * A full screen background for the auth site
     *
     * Alternately could be a url(https://my.site.com)
     * Note: if using an image, make sure the CDN is configured with correct headers
     *
     * ```
     *  'Access-Control-Allow-Origin': '*',
     *  'Cross-Origin-Resource-Policy': 'cross-origin'
     * ```
     */
	--asterisms-branding-auth-background-image: linear-gradient(
		rgb(var(--ref-palette-neutral-variant-4-rgb), 0.5),
		rgb(var(--ref-palette-neutral-variant-12-rgb), 0.5)
	);

	--asterisms-branding-auth-background-image: url('https://welcome.asterisms.io/cdn/xtrack/hero.png'),
		url('https://welcome.dev.asterisms.io/cdn/xtrack/hero.png');

	/* 
     * A gradient overlay that partially masks the background image.
     * To disable the secondary gradient, set this to `transparent`
     */
	--asterisms-branding-auth-background-gradient-overlay: linear-gradient(
		rgb(var(--ref-palette-neutral-variant-4-rgb), 0.5),
		rgb(var(--ref-palette-neutral-variant-12-rgb), 0.5)
	);
	/* --asterisms-branding-auth-background-gradient-overlay: transparent; */

	/*
     * A default branding logo for the platform.
     * By default this is the Asterisms Logo. 
     */
	--asterisms-branding-auth-logo: url('https://welcome.asterisms.io/cdn/xtrack/xtrack_white.png'),
		url('https://welcome.dev.asterisms.io/cdn/xtrack/xtrack_white.png');

	/* 
     * This will hide the Workspace Finder and related action buttons. 
     */
	/* --asterisms-branding-auth-workspace-finder-display: none; */

	/* 
     * This will determine the color of the Branding tagline.
     */
	--asterisms-fixed-dim: #fff;
}

.asterisms-logo {
	height: 10rem !important;
	margin-bottom: 0 !important;
}