/* HoneyDew theme.
   Vikunja decomposes its brand colour into HSL components and derives every
   shade from them, so overriding h/s/l here recolours buttons, links, focus
   rings and accents in one go. !important because Vikunja injects some styles
   at runtime, after this stylesheet has loaded. */

:root {
	--primary-h: 84deg !important;
	--primary-s: 45% !important;
	--primary-l: 33% !important;
	--primary-dark-l: 24% !important;
	--primary-light-l: 94% !important;
	--primary-invert: #fff !important;

	--honeydew-flesh: #d7e8a8;
	--honeydew-rind: #5c7a2e;
}

/* Replace the Vikunja wordmark with HoneyDew. The logo graphic is hidden rather
   than removed so its layout box keeps the header spacing intact. */
.logo > svg,
.logo > img,
svg.logo,
img.logo {
	visibility: hidden !important;
}

.logo {
	position: relative !important;
}

.logo::after {
	content: "HoneyDew";
	visibility: visible !important;
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-size: 1.35rem;
	letter-spacing: -0.02em;
	color: var(--honeydew-flesh);
	white-space: nowrap;
}

/* The login screen ships Vikunja's llama mascot and a vicuña photo. Swap the
   photo for a melon gradient and drop the mascot. */
.no-auth-wrapper {
	background-image: none !important;
}

.no-auth-wrapper .image {
	background-image: linear-gradient(150deg, #435c1f 0%, #6f9139 45%, #c3d98b 100%) !important;
}

.offline {
	background-image: none !important;
	background-color: var(--honeydew-rind) !important;
}