/* ==========================================================================
   Raseedna Design Tokens
   Visual identity: a "growing balance" motif — a confident emerald/teal as
   the trust & knowledge color, warm gold as the achievement/reward color,
   and a warm cream background instead of clinical white so the product
   feels friendly to a child without tipping into "cartoonish".
   ========================================================================== */

:root {
	/* --- Brand core --- */
	--rs-primary: #0e7c6b;
	--rs-primary-dark: #0a5b4e;
	--rs-primary-darker: #073f36;
	--rs-primary-light: #e5f4f1;
	--rs-primary-lighter: #f3faf8;

	--rs-accent: #f2b33d;
	--rs-accent-dark: #d99a1f;
	--rs-accent-light: #fdf1d9;

	--rs-coral: #ef6f5e;
	--rs-coral-light: #fdeae7;

	--rs-success: #1e8e5a;
	--rs-success-light: #e6f6ee;

	/* --- Neutrals --- */
	--rs-navy: #172d3a;
	--rs-text: #2c3e42;
	--rs-text-muted: #6b7c82;
	--rs-text-faint: #97a4a8;

	--rs-bg: #fbf8f1;
	--rs-surface: #ffffff;
	--rs-surface-alt: #f5f1e6;
	--rs-border: #e6e0d0;
	--rs-locked: #c7cdce;
	--rs-locked-bg: #eef0ee;

	/* --- Typography --- */
	--rs-font-heading: 'Baloo Bhaijaan 2', 'Tajawal', sans-serif;
	--rs-font-body: 'Tajawal', 'Segoe UI', sans-serif;

	--rs-fs-xs: 0.8125rem;
	--rs-fs-sm: 0.9375rem;
	--rs-fs-base: 1rem;
	--rs-fs-lg: 1.125rem;
	--rs-fs-xl: 1.375rem;
	--rs-fs-2xl: 1.75rem;
	--rs-fs-3xl: 2.25rem;
	--rs-fs-4xl: 2.9rem;

	/* --- Spacing scale --- */
	--rs-space-1: 0.25rem;
	--rs-space-2: 0.5rem;
	--rs-space-3: 0.75rem;
	--rs-space-4: 1rem;
	--rs-space-5: 1.5rem;
	--rs-space-6: 2rem;
	--rs-space-7: 3rem;
	--rs-space-8: 4.5rem;
	--rs-space-9: 6rem;

	/* --- Shape & elevation --- */
	--rs-radius-sm: 10px;
	--rs-radius-md: 16px;
	--rs-radius-lg: 24px;
	--rs-radius-pill: 999px;

	--rs-shadow-sm: 0 2px 8px rgba(23, 45, 58, 0.06);
	--rs-shadow-md: 0 8px 24px rgba(23, 45, 58, 0.09);
	--rs-shadow-lg: 0 18px 45px rgba(23, 45, 58, 0.14);

	--rs-container: 1180px;
	--rs-transition: 0.2s ease;
}