/*
 * House of Vivante — brand stylesheet
 *
 * Brand-specific overrides and one-off design touches. Everything in
 * here can reference design tokens declared in the parent's theme.json
 * via CSS custom properties:
 *
 *   var(--wp--preset--color--claret)
 *   var(--wp--preset--font-family--display)
 *   var(--wp--preset--spacing--lg)
 *   var(--wp--preset--font-size--xxl)
 *
 * If a value needs to change site-wide, change it in the parent's
 * theme.json rather than overriding here — that keeps the design
 * system intact.
 */

/* ---------- Brand-level rule examples ---------- */

/*
 * The site title gets a subtle gilded underline on hover — a small,
 * intentional brand moment. Remove or tune as design direction evolves.
 */
.hov-site-title a {
	position: relative;
}

.hov-site-title a::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -0.1em;
	height: 1px;
	width: 0;
	background: var(--wp--preset--color--gilded);
	transition: width 350ms cubic-bezier(0.22, 1, 0.36, 1);
}

.hov-site-title a:hover::after {
	width: 100%;
}

/*
 * Block-level brand styles for any HOV plugin blocks can live here too,
 * scoped to their block class names, e.g.:
 *
 * .wp-block-hov-monthly-hero { ... }
 * .wp-block-hov-feature-card { ... }
 *
 * Keep these scoped tightly to avoid bleeding into other blocks.
 */