/* Aura = live accent color. Registered so it animates.
   Set via html[data-aura]; bio switcher changes it. */
@property --aura { syntax: '<color>'; inherits: true; initial-value: #ff9a5a; }
@property --aura-deep { syntax: '<color>'; inherits: true; initial-value: #7a2410; }
@property --aura-2 { syntax: '<color>'; inherits: true; initial-value: #ffd27a; }
@property --aura-3 { syntax: '<color>'; inherits: true; initial-value: #ffd27a; }

:root {
	--aura: #ff9a5a;
	--aura-deep: #7a2410;
	--aura-2: #ffd27a;
	--aura-3: #ffd27a;
	--copper: #ab7035;
	--bronze: #7a4a22;
	--gold: #d9a23d;
	--gold-light: #f0c878;
	--maroon: #350808;
	--maroon-deep: #210405;
	--ink: #140b0c;
	--void: #0b0709;
	--parchment: #eadbc0;
	--ash: #b8a690;
	--noctis: #9b7bd4;
	--header-h: 84px;
	--ease-out: cubic-bezier(.2, .7, .2, 1);
	transition: --aura 1.4s ease, --aura-deep 1.4s ease, --aura-2 1.4s ease, --aura-3 1.4s ease;
}

html[data-aura="inanna"]   { --aura: #ff5a36; --aura-deep: #6e0f08; --aura-2: #ffb347; --aura-3: #ff7a3c; }
html[data-aura="veyra"]    { --aura: #8fd3ff; --aura-deep: #10304e; --aura-2: #effaff; --aura-3: #b9e6ff; }
html[data-aura="elara"]    { --aura: #c07bff; --aura-deep: #2e0f52; --aura-2: #f1dcff; --aura-3: #8f6bff; }
html[data-aura="thorvald"] { --aura: #e3a548; --aura-deep: #45260b; --aura-2: #fff0c2; --aura-3: #8fd39a; }
html[data-aura="mara"]     { --aura: #f6e2b0; --aura-deep: #3a2a12; --aura-2: #ff5a4a; --aura-3: #6aaeff; }

html {
	background: var(--void);
	scroll-behavior: smooth;
	scroll-padding-top: calc(var(--header-h) + 1rem);
}

body {
	background: transparent !important;
	min-height: 100vh;
	overflow-x: clip;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

::selection { background: color-mix(in srgb, var(--aura) 45%, transparent); color: #fff; }

:focus-visible {
	outline: 2px solid var(--gold-light);
	outline-offset: 3px;
	border-radius: 6px;
}

p, li { text-wrap: pretty; }
h1, h2, h3 { text-wrap: balance; }

.site-main {
	padding-top: calc(var(--header-h) + var(--wp--preset--spacing--40));
	padding-bottom: var(--wp--preset--spacing--60);
	position: relative;
	z-index: 1;
}
.site-main--wide { padding-top: 0; }

/* Lead paragraph */
.is-lead { font-size: var(--wp--preset--font-size--large); line-height: 1.55; color: var(--parchment); }
.has-small-caps { font-variant: small-caps; letter-spacing: .08em; }
.eyebrow {
	font-family: var(--wp--preset--font-family--display);
	letter-spacing: .3em;
	text-transform: uppercase;
	font-size: .8rem;
	color: var(--copper);
}

/* Drop cap, first letter of lore prose */
.has-ember-dropcap::first-letter {
	float: left;
	font-family: var(--wp--preset--font-family--display);
	font-size: 3.6em;
	line-height: .85;
	padding: .08em .12em 0 0;
	color: var(--gold);
	text-shadow: 0 0 18px color-mix(in srgb, var(--aura) 60%, transparent);
}

/* Legacy class from old site */
.blur-border img {
	mask-image: linear-gradient(to right, transparent 0%, black 5%, black 95%, transparent 100%),
	            linear-gradient(to bottom, transparent 0%, black 5%, black 95%, transparent 100%);
	mask-composite: intersect;
}

.screen-reader-text:focus { background: var(--maroon); color: var(--gold); }

/* Side gutter on every page */
.site-main { padding-inline: clamp(16px, 4vw, 40px); }
.site-main--wide > .wp-block-post-content > .alignfull { margin-inline: calc(-1 * clamp(16px, 4vw, 40px)) !important; }
/* Wide glows (suns, rings) may poke past the edge; clip sideways only */
.site-main { overflow-x: clip; }