/**
 * Lucky Cats Shelter Sync - base (block B10).
 *
 * THE STYLING CONTRACT
 * All plugin output is styled through these CSS custom properties.
 * Override them anywhere with higher specificity - a theme stylesheet,
 * the Customizer's Additional CSS, or Elementor custom CSS - and every
 * component (grid cards, single page, badges, buttons) follows along.
 * The Elementor styling controls (block B12) set these same properties.
 *
 * Example:
 *   :root {
 *       --lcp-primary: #c9962e;
 *       --lcp-card-radius: 6px;
 *   }
 */

:root {
	/* Brand accent: buttons, badges, hovers, gallery highlights. */
	--lcp-primary: #f7931e;

	/* Grid. */
	--lcp-columns: 3;
	--lcp-grid-gap: 1.5rem;

	/* Cards (grid cards, duo card). */
	--lcp-card-bg: #fff;
	--lcp-card-radius: 10px;
	--lcp-card-shadow: 0 1px 4px rgba( 0, 0, 0, 0.08 );
	--lcp-card-shadow-hover: 0 4px 14px rgba( 0, 0, 0, 0.14 );

	/* Typography: inherit follows the active theme. */
	--lcp-font-heading: inherit;
	--lcp-font-body: inherit;
}

.lcp-grid,
.lcp-single,
.lcp-archive {
	font-family: var( --lcp-font-body );
}

.lcp-grid .lcp-card-title,
.lcp-single h1,
.lcp-single h2,
.lcp-archive h1 {
	font-family: var( --lcp-font-heading );
}