/**
 * Gender Popups — shared styles
 *
 * Tailwind utility classes cover layout/spacing.
 * This file holds styles that depend on WordPress theme tokens
 * (CSS custom properties from theme.json) which Tailwind cannot resolve.
 */

/* Inner panel background — uses theme secondary colour token */
.gender-popup-bg {
	background-color: var(--wp--preset--color--secondary);
}

/* Rhino font — used for headings/signatures across all popups */
.gender-popup-font-rhino {
	font-family: var(--wp--preset--font-family--core-rhino);
}

#gender-popup-active-reader a {
	text-decoration: none;
}