/*
 * Shared styles for Screenwriters Elementor widgets.
 * Built on the theme's CSS variables; fallbacks keep widgets usable
 * if the plugin runs with a different theme.
 */

.screenwriters-widget {
	font-family: var(--screenwriters-font-family, inherit);
	color: var(--screenwriters-text, inherit);
}

.screenwriters-widget .screenwriters-widget-button {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 26px;
	border-radius: var(--screenwriters-radius, 10px);
	background: var(--screenwriters-accent, #2563EB);
	color: #fff;
	text-decoration: none;
}

@media (prefers-reduced-motion: reduce) {
	.screenwriters-widget * {
		animation: none !important;
		transition: none !important;
	}
}

/* Per-widget sections are appended below by the skill (Workflow B). */