/**
 * Profile Magic — Design tokens
 *
 * @package Profile_Magic
 * @since   1.0.0
 */

:root {
	/* Colors */
	--pma-primary: #6366f1;
	--pma-primary-hover: #4f46e5;
	--pma-primary-light: #eef2ff;
	--pma-success: #10b981;
	--pma-success-light: #ecfdf5;
	--pma-warning: #f59e0b;
	--pma-warning-light: #fffbeb;
	--pma-danger: #ef4444;
	--pma-danger-light: #fef2f2;

	/* Neutrals */
	--pma-text: #1e293b;
	--pma-text-secondary: #64748b;
	--pma-text-light: #94a3b8;
	--pma-bg: #ffffff;
	--pma-bg-secondary: #f8fafc;
	--pma-border: #e2e8f0;
	--pma-border-focus: #6366f1;

	/* Spacing */
	--pma-space-xs: 4px;
	--pma-space-sm: 8px;
	--pma-space-md: 16px;
	--pma-space-lg: 24px;
	--pma-space-xl: 32px;
	--pma-space-2xl: 48px;

	/* Typography */
	--pma-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	--pma-font-size-sm: 13px;
	--pma-font-size-base: 15px;
	--pma-font-size-lg: 18px;
	--pma-font-size-xl: 22px;
	--pma-font-size-2xl: 28px;

	/* Borders & Shadows */
	--pma-radius-sm: 6px;
	--pma-radius-md: 8px;
	--pma-radius-lg: 12px;
	--pma-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
	--pma-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
	--pma-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);

	/* Transitions */
	--pma-transition: 0.2s ease;
}