/* Look: Bold Light. Same layout, type and hot pink as Bold, on an off-white background.
   Loads after bold.css and only overrides what depends on a dark background. */

body.look-bold-light {
	--bg: #faf8f5;
	--text: #141416;
	--muted: #6b6a72;
	--line: #e6e1da;
	--tint: #f0ece6;
	--body: #34343a;
	/* Slightly deeper pink for small text, so it stays readable on light */
	--accent-ink: color-mix(in srgb, var(--accent) 78%, #000);
}

/* Small accent text uses the deeper pink */
.look-bold-light .hero-eyebrow,
.look-bold-light .project-company,
.look-bold-light .project-facts dt,
.look-bold-light .footer-cta-link { color: var(--accent-ink); }
.look-bold-light .footer-cta-link { text-decoration-color: var(--accent-ink); }

/* Home page glow: pink and violet wash on off-white */
.look-bold-light.iz-front::before {
	background:
		radial-gradient(ellipse 55% 70% at 88% 4%, rgba(255, 45, 149, 0.3), transparent 70%),
		radial-gradient(ellipse 50% 60% at 6% 26%, rgba(106, 75, 255, 0.2), transparent 70%),
		radial-gradient(ellipse 40% 40% at 60% 52%, rgba(255, 45, 149, 0.08), transparent 70%);
}

/* Frames and cards on light */
.look-bold-light .card-media { background: var(--tint); }
.look-bold-light .wp-block-image.is-style-iz-browser {
	border-color: var(--line);
	box-shadow: 0 24px 60px rgba(20, 20, 22, 0.14), 0 2px 6px rgba(20, 20, 22, 0.06);
}
.look-bold-light .wp-block-image.is-style-iz-stage { background: var(--tint); }