/*
 * Citrine — small hand-written global tweaks.
 *
 * Keep this file short. The vast majority of styling should happen inside
 * Elementor itself (Site Settings > Global Colors / Global Fonts, plus
 * per-template styles) so the client can edit visually later without
 * touching code. Use this file only for things that are genuinely easier
 * to hand-write once globally — base font fallbacks, a couple of utility
 * classes for Elementor's "CSS Classes" advanced field, print styles, etc.
 */

body {
	font-family: var(--citrine-font-text);
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--citrine-font-heading);
}

/* Utility classes — add these under an element's Advanced > CSS Classes
   field in Elementor when a quick tweak beats building a whole new style. */
.u-no-underline {
	text-decoration: none;
}

.u-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}