/*
 * Night (styles/night.json): what the tokens cannot say. Loaded on the
 * Night page only. Every rule is keyed off html[data-style="night"], the
 * root attribute the style set writes: Blockstudio prints the block
 * stylesheets after the theme's, so an unkeyed rule of equal specificity
 * would lose to the block's default by load order. Hollow Lane Studio speaks in
 * mono numbered labels, a violet mark and light from the glows; the parent's
 * dark sections (glow hero, bento, sequence) carry the rest unchanged.
 */

/* The studio's mark: a violet ring before the name. */
html[data-style="night"] .st-brand__name {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-weight: 800;
}

html[data-style="night"] .st-brand__name::before {
	content: "";
	width: 14px;
	height: 14px;
	border: 3px solid var(--wu-accent);
	border-radius: 50%;
	box-shadow: 0 0 16px -2px var(--st-glow-a);
}

html[data-style="night"] .st-brand__tag {
	padding-left: 24px;
	font-family: var(--wu-mono);
	font-size: 11px;
	letter-spacing: 0.04em;
}

/* Bento: the large tile's list in mono, the tags as small data. */
html[data-style="night"] .wu-tile__list li {
	font-family: var(--wu-mono);
	font-size: 13px;
}

/* The close sits on a faint violet floor. */
html[data-style="night"] .st-close {
	--st-close-ground: radial-gradient(ellipse 80% 60% at 50% 100%, rgba(109, 63, 228, 0.12), transparent 70%);
}

/* The price figure in the gradient wash (large text only). */
html[data-style="night"] .st-price__figure {
	background-image: var(--wu-gradient);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

html[data-style="night"] .st-price {
	border-color: transparent;
	background: linear-gradient(var(--wu-surface), var(--wu-surface)) padding-box, var(--wu-gradient) border-box;
}