/* Blauer Salon — branding for the allauth entrance (login) page.
   Palette from the "Helix" wall-lamp photo: wall blue #131a2a,
   blue-black #05090f/#0a0f19, gold light #d8b960. */

html {
	background: #05090f;
}

/* The lamp effect, strong: a tight pool of light on the blue salon wall
   — brightest where the lamp hits (#27334f, the lit wall in the Helix
   photo) through the wall blue (#131a2a) into the dark edges (#05090f),
   plus a faint gold spill from the lamp's light itself. */
body {
	margin: 0;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background:
		radial-gradient(ellipse 34% 26% at 50% 40%, rgba(216, 185, 96, 0.14) 0%, transparent 70%),
		radial-gradient(ellipse 55% 48% at 50% 42%, #27334f 0%, #131a2a 42%, #05090f 88%);
	background-color: #05090f;
	color: #d4d4d8;
	font-family: system-ui, -apple-system, 'Segoe UI', sans-serif;
}

/* allauth's top "Menu:" navigation is noise on a single-page entrance */
body > div {
	display: none;
}

h1 {
	color: #d8b960;
	font-size: 2rem;
	font-weight: 600;
	letter-spacing: -0.02em;
	margin: 0 0 1.75rem;
	text-align: center;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	gap: 0.5rem;
	justify-content: center;
}

li a {
	display: inline-block;
	padding: 0.6rem 1.6rem;
	border-radius: 0.5rem;
	background: #c2a24e;
	color: #05090f;
	font-weight: 600;
	text-decoration: none;
	transition: background 120ms ease;
}

li a:hover {
	background: #d8b960;
}