/**
 * Answyr — design tokens.
 *
 * One source of truth for color/spacing/radius/shadow, shared across every
 * surface (Desk admin, Settings, Knowledge, public portal, chat widget).
 * Scoped to the plugin's root classes so we never leak variables into the
 * host theme or wp-admin globally. Anchored on WordPress admin blue so the
 * admin surfaces feel native.
 */

:where(
	.answyr-desk,
	.answyr-desk-inbox,
	.answyr-settings,
	.answyr-knowledge,
	.answyr-insights,
	.answyr-form,
	.answyr-portal,
	.answyr-chat,
	.answyr-chat-launcher,
	.answyr-chat-panel
) {
	/* Brand / accent — WP admin blue family */
	--answyr-accent: #2271b1;
	--answyr-accent-hover: #135e96;
	--answyr-accent-soft: #f0f6fc;

	/* Status hues */
	--answyr-success: #1a7f37;
	--answyr-success-soft: #f6fbf7;
	--answyr-danger: #b32d2e;
	--answyr-warning: #bd8600;

	/* Neutrals (WP gray scale) */
	--answyr-ink: #1d2327;
	--answyr-ink-soft: #50575e;
	--answyr-ink-faint: #787c82;
	--answyr-line: #dcdcde;
	--answyr-line-soft: #f0f0f1;
	--answyr-surface: #fff;
	--answyr-surface-soft: #f6f7f7;

	/* Spacing scale */
	--answyr-gap-xs: 4px;
	--answyr-gap-sm: 8px;
	--answyr-gap: 12px;
	--answyr-gap-md: 16px;
	--answyr-gap-lg: 24px;

	/* Radius + elevation */
	--answyr-radius-sm: 4px;
	--answyr-radius: 8px;
	--answyr-radius-lg: 12px;
	--answyr-radius-card: 12px;
	--answyr-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
	--answyr-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.08);
	/* Softer, larger card elevation — the "modern" look. */
	--answyr-shadow-card: 0 4px 12px rgba(0, 0, 0, 0.06);
	--answyr-shadow-hover: 0 6px 20px rgba(0, 0, 0, 0.09);

	/* Motion */
	--answyr-transition: 0.15s ease;
}
