/*
 * New Jain Immigration Services — Global Design Tokens
 * Primary red extracted from the logo (#EC1C24). Everything else in the
 * palette is built around it: dark charcoal, white/off-white, light grey,
 * and a couple of subtle red tints for backgrounds and hover states.
 * Mirrored in Elementor's Global Colors so admins can adjust from the UI.
 */
:root {
	/* Brand red */
	--nji-red: #ec1c24;
	--nji-red-dark: #b8141b;
	--nji-red-darker: #8f0f14;
	--nji-red-light: #f8484e;
	--nji-red-tint: #fdecec;
	--nji-red-tint-2: #fbd9da;

	/* Charcoal / near-black */
	--nji-charcoal: #1c1d20;
	--nji-charcoal-2: #2b2d31;
	--nji-charcoal-soft: #4a4d52;

	/* Neutrals */
	--nji-white: #ffffff;
	--nji-off-white: #faf8f7;
	--nji-grey-50: #f5f4f3;
	--nji-grey-100: #ece9e8;
	--nji-grey-200: #ddd9d7;
	--nji-grey-400: #a7a3a1;
	--nji-text-muted: #6b6866;
	--nji-text-body: #4a4744;

	/* Typography */
	--nji-font-heading: 'Plus Jakarta Sans', 'Cabin', sans-serif;
	--nji-font-body: 'Inter', 'Open Sans', sans-serif;

	/* Rhythm */
	--nji-radius-sm: 6px;
	--nji-radius-md: 10px;
	--nji-radius-lg: 16px;
	--nji-shadow-soft: 0 4px 24px rgba(28, 29, 32, 0.06);
	--nji-shadow-card: 0 10px 40px rgba(28, 29, 32, 0.08);
	--nji-transition: 220ms cubic-bezier(0.4, 0, 0.2, 1);
}