/**
 * MamaMentor design tokens.
 * Single source of truth for brand values — mirrored in theme.json and the
 * Elementor Global Kit so visual edits stay consistent everywhere.
 */

:root {
	/* Brand palette */
	--mm-primary: #db4c77;
	--mm-primary-dark: #b93a60;
	--mm-primary-soft: #f9c6d7;
	--mm-primary-tint: #fdf0f4;
	--mm-accent: #ffb606;
	--mm-secondary: #442e66;
	--mm-ink: #2d2a32;
	--mm-muted: #6f6a75;
	--mm-surface: #ffffff;
	--mm-cream: #fdf8f5;
	--mm-border: #f0e7ea;
	--mm-success: #2e9e6b;

	/* Typography */
	--mm-font-heading: 'Nunito', 'Segoe UI', sans-serif;
	--mm-font-body: 'Roboto', -apple-system, 'Segoe UI', sans-serif;
	--mm-font-arabic: 'Cairo', 'Segoe UI', sans-serif;

	/* Shape & depth */
	--mm-radius-sm: 10px;
	--mm-radius: 16px;
	--mm-radius-lg: 20px;
	--mm-radius-pill: 999px;
	--mm-shadow-sm: 0 2px 8px rgba(68, 46, 102, 0.06);
	--mm-shadow: 0 6px 24px rgba(68, 46, 102, 0.1);
	--mm-shadow-lg: 0 12px 40px rgba(68, 46, 102, 0.14);

	/* Motion */
	--mm-ease: cubic-bezier(0.22, 1, 0.36, 1);
	--mm-speed: 0.25s;

	/* Bridge tokens into LearnPress's own CSS variables */
	--lp-primary-color: var(--mm-primary);
	--lp-secondary-color: var(--mm-secondary);
	--lp-container-max-width: 1290px;
}

/* Arabic typography (TranslatePress adds this body class on /ar/) */
body.translatepress-ar,
body.translatepress-ar h1,
body.translatepress-ar h2,
body.translatepress-ar h3,
body.translatepress-ar h4,
body.translatepress-ar h5,
body.translatepress-ar h6,
body.translatepress-ar button,
body.translatepress-ar input,
body.translatepress-ar .elementor-heading-title {
	font-family: var(--mm-font-arabic) !important;
}

/* Respect users who prefer less motion */
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		transition-duration: 0.01ms !important;
	}
}