/* Theme preset: Refintech Solutions — primitives from rft_brand/tokens/web/design-tokens.json */
@import url('https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@8..144,100..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700&display=swap');

:root {
	--font-family-en: 'Google Sans Flex', system-ui, sans-serif;
	--font-family-ar: 'Tajawal', sans-serif;

	--shadow-rgb: 10 31 30;

	--color-white: #ffffff;
	--color-black: #000000;

	--neutral-50: #f7faf9;
	--neutral-100: #edf2f1;
	--neutral-200: #d8e0de;
	--neutral-300: #b8c4c1;
	--neutral-400: #8a9895;
	--neutral-500: #647572;
	--neutral-600: #4a5755;
	--neutral-700: #354240;
	--neutral-800: #1e2b29;
	--neutral-900: #0a1f1e;

	--brand-50: #eef6f5;
	--brand-100: #d5e8e6;
	--brand-200: #a8d1cd;
	--brand-300: #6ba8a2;
	--brand-400: #3d7a74;
	--brand-500: #1e4542;
	--brand-600: #153532;
	--brand-700: #0f2a28;
	--brand-800: #0a1f1e;
	--brand-900: #061816;

	--accent-500: #f5f052;
	--accent-600: #e8e846;
	--accent-700: #d4d43a;
	--accent-800: #b8b82e;

	/* Official / PDF secondaries (web: use darker text variants on light backgrounds) */
	--color-mint: #00df81;
	--color-mint-text: #047857;
	--color-yellow-official: #fffa57;
	--color-yellow-text: #6b6618;
	--color-sky-500: #82d2f4;
	--color-sky-text: #156a8a;
	--color-lavender-500: #c8b5f2;
	--color-lavender-text: #5c4a8f;

	--status-success: #22c55e;
	--status-warning: #f59e0b;
	--status-error: #ef4444;
	--status-error-600: #dc2626;
	--status-error-700: #b91c1c;
	--status-error-800: #991b1b;
	--status-error-900: #7f1d1d;
	--status-info: var(--brand-600);

	--preset-dark-base: #061816;
	--preset-dark-surface: #0a1f1e;
	--preset-dark-surface-elevated: #0f2a28;
	--preset-dark-surface-hover: #153532;

	--main-section-bg: linear-gradient(
		160deg,
		var(--neutral-50) 0%,
		var(--brand-50) 40%,
		var(--brand-100) 100%
	);
	--main-section-bg-shine: linear-gradient(
		135deg,
		rgba(255, 255, 255, 0.18) 0%,
		rgba(255, 255, 255, 0.05) 40%,
		transparent 68%
	);
}

[data-theme-mode='dark'],
[data-theme='dark'] {
	--main-section-bg: linear-gradient(
		160deg,
		#030908 0%,
		var(--brand-900) 40%,
		var(--brand-800) 100%
	);
	--main-section-bg-shine: linear-gradient(
		135deg,
		rgba(245, 240, 82, 0.06) 0%,
		rgba(255, 255, 255, 0.02) 42%,
		transparent 68%
	);
}