/* ============================================================================
 * FABULA — Characters · Varenzia du Soleil
 *
 * REBUILD. Gold and deep water. The Citadel of Heaven-Under was gilded and
 * drowned, and she carries both: a warm sun-metal laid over a cold navy, with
 * a slow wheel turning behind everything she says.
 * ========================================================================== */

.ch-varenzia {
	--ch-ground: #f3ead4;
	--ch-texture:
		radial-gradient(900px 480px at 50% -180px, rgb(179 134 31 / 12%), transparent 70%),
		repeating-linear-gradient(0deg, rgb(43 58 85 / 3%), transparent 1px 5px);
	--ch-panel: #fcf7e9;
	--ch-panel-alt: #f4ecd6;
	--ch-ink: #241f16;
	--ch-ink-dim: #6a6150;
	--ch-ink-faint: #968b74;
	--ch-accent: #a9791a;
	--ch-accent-soft: #c1912c;
	--ch-accent-2: #2b3a55;
	--ch-rule: rgb(169 121 26 / 30%);
	--ch-rule-soft: rgb(169 121 26 / 16%);
	--ch-glow: rgb(211 172 74 / 42%);
	--ch-masthead: linear-gradient(180deg, #141a28, #24304a 64%, #4a3c1c);
}

@media (prefers-color-scheme: dark) {
	.ch-varenzia {
		--ch-ground: #14120d;
		--ch-texture:
			radial-gradient(900px 480px at 50% -180px, rgb(224 178 74 / 12%), transparent 70%),
			repeating-linear-gradient(0deg, rgb(224 178 74 / 2%), transparent 1px 5px);
		--ch-panel: #1d1a12;
		--ch-panel-alt: #262117;
		--ch-ink: #efe8d6;
		--ch-ink-dim: #b8ac91;
		--ch-ink-faint: #877c64;
		--ch-accent: #e0b24a;
		--ch-accent-soft: #c99a35;
		--ch-accent-2: #8fb0d0;
		--ch-rule: rgb(224 178 74 / 28%);
		--ch-rule-soft: rgb(224 178 74 / 14%);
		--ch-glow: rgb(224 178 74 / 40%);
		--ch-masthead: linear-gradient(180deg, #0d1018, #1b2334 64%, #3a2f14);
	}
}

/* The sun wheel: a repeating-conic ray behind the portrait, turning so slowly
   it reads as still. */
body.ch-varenzia .ch-hero__portrait {
	position: relative;
	isolation: isolate;
}

body.ch-varenzia .ch-hero__portrait::before {
	content: "";
	position: absolute;
	inset: -24%;
	z-index: -1;
	border-radius: 50%;
	background: repeating-conic-gradient(
		from 0deg,
		var(--ch-accent) 0deg 4deg,
		transparent 4deg 13deg
	);
	opacity: 0.2;
	animation: ch-varenzia-wheel 120s linear infinite;
}

/* A molten hairline under the hero, like the lip of the flame. */
body.ch-varenzia .ch-hero {
	box-shadow: inset 0 -1px 0 0 var(--ch-glow);
}

@keyframes ch-varenzia-wheel {
	to {
		transform: rotate(360deg);
	}
}

@media (prefers-reduced-motion: reduce) {
	body.ch-varenzia .ch-hero__portrait::before {
		animation: none;
	}
}