/**
 * MEEM design tokens — logo blue + pink, white surfaces, navy structure.
 */

:root {
	--meem-color-primary: #3d4bff;
	--meem-color-primary-dark: #2a36d6;
	--meem-color-primary-light: #eef0ff;
	--meem-color-primary-hover: var(--meem-color-primary-dark);
	--meem-color-primary-soft: var(--meem-color-primary-light);
	--meem-color-secondary: #161a33;
	--meem-color-accent: #ff4d8d;
	--meem-color-accent-soft: #fff0f7;
	--meem-color-cream: #f7f8ff;
	--meem-color-success: #168a4a;
	--meem-check-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9.55 16.2 5.05 11.7l1.41-1.41 3.09 3.08 7.09-7.08 1.41 1.42z'/%3E%3C/svg%3E");
	--meem-color-sale: #e53935;
	--meem-color-warning: #f59e0b;
	--meem-color-error: #c62828;
	--meem-color-info: #2458a6;
	--meem-color-page-bg: #f4f5fb;
	--meem-color-page: var(--meem-color-page-bg);
	--meem-color-surface: #ffffff;
	--meem-color-surface-soft: #f7f8fc;
	--meem-color-text: #333333;
	--meem-color-ink: #161a33;
	--meem-color-muted: #6b7280;
	--meem-color-text-muted: var(--meem-color-muted);
	--meem-color-border: #e4e6f0;
	--meem-color-footer: #161a33;
	--meem-color-footer-bottom: #111d2a;
	--meem-gradient-brand: var(--meem-color-primary);
	--meem-gradient-cta: var(--meem-color-primary);
	--meem-gradient-cta-hover: var(--meem-color-primary-dark);
	--meem-gradient-soft: var(--meem-color-primary-light);
	--meem-gradient-warm: var(--meem-color-cream);
	--meem-promo-blue: #eaf0ff;
	--meem-promo-green: #ecfaf1;
	--meem-promo-pink: #fff0f7;
	--meem-promo-yellow: #fff8e1;

	--meem-font-body: "Inter", system-ui, "Segoe UI", Arial, sans-serif;
	--meem-font-heading: var(--meem-font-body);
	--meem-hero-text: #ffffff;
	--meem-font-display: "Outfit", var(--meem-font-body);
	--meem-text-xs: 0.75rem;
	--meem-text-sm: 0.875rem;
	--meem-text-base: 1rem;
	--meem-text-lg: 1.125rem;
	--meem-heading-sm: 1.25rem;
	--meem-heading-md: 1.5rem;
	--meem-heading-lg: clamp(1.75rem, 2.4vw, 2.25rem);
	--meem-font-size: var(--meem-text-base);
	--meem-line-height: 1.5;

	--meem-space-1: 0.25rem;
	--meem-space-2: 0.5rem;
	--meem-space-3: 0.75rem;
	--meem-space-4: 1rem;
	--meem-space-5: 1.5rem;
	--meem-space-6: 2rem;
	--meem-space-8: 3rem;

	--meem-radius-sm: 8px;
	--meem-radius-md: 10px;
	--meem-radius: 14px;
	--meem-radius-lg: 20px;
	--meem-radius-pill: 999px;

	--meem-shadow: 0 8px 28px rgba(22, 26, 51, 0.07);
	--meem-shadow-card: var(--meem-shadow);
	--meem-shadow-hover: 0 16px 36px rgba(61, 75, 255, 0.16);
	--meem-shadow-popover: 0 12px 32px rgba(23, 27, 50, 0.14);
	--meem-shadow-button: 0 8px 18px rgba(61, 75, 255, 0.18);

	--meem-container: 1280px;
	--meem-container-width: var(--meem-container);
	--meem-gutter: 1rem;
	--meem-container-gutter: var(--meem-gutter);
	--meem-section-space: clamp(32px, 5vw, 64px);
	--meem-content-space: 24px;
	--meem-control-height: 44px;
	--meem-control-height-compact: 38px;
	--meem-touch: var(--meem-control-height);
	--meem-focus: 2px solid var(--meem-color-primary);
	--meem-focus-ring: 0 0 0 3px rgba(61, 75, 255, 0.2);

	--meem-ease: cubic-bezier(0.22, 1, 0.36, 1);
	--meem-duration: 0.22s;
	--meem-duration-slow: 0.38s;
}

.meem-theme {
	background-color: var(--meem-color-page-bg);
	color: var(--meem-color-text);
	font-family: var(--meem-font-body);
	font-size: var(--meem-font-size);
	line-height: var(--meem-line-height);
	letter-spacing: normal;
	word-spacing: normal;
	font-kerning: normal;
}