.ro-root {
	font-family: 'Cairo', sans-serif;
	background: #FFF8F0;
	min-height: 100vh;
	color: #2a1a0a;
}

.ro-root * { box-sizing: border-box; }

.ro-loading {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 60vh;
	gap: 14px;
	color: #FF6B00;
}

.ro-spinner {
	width: 42px;
	height: 42px;
	border: 4px solid #ffe1c2;
	border-top-color: #FF6B00;
	border-radius: 50%;
	animation: ro-spin 0.8s linear infinite;
}

@keyframes ro-spin {
	to { transform: rotate( 360deg ); }
}

.ro-root img {
	max-width: 100%;
}

.ro-root ::-webkit-scrollbar { height: 6px; width: 6px; }
.ro-root ::-webkit-scrollbar-thumb { background: #FFD1A6; border-radius: 10px; }

@keyframes ro-fade-in {
	from { opacity: 0; transform: translateY(8px); }
	to { opacity: 1; transform: translateY(0); }
}
.ro-animate-in { animation: ro-fade-in 0.25s ease-out; }

@keyframes ro-slide-up {
	from { transform: translateY(100%); }
	to { transform: translateY(0); }
}
.ro-slide-up { animation: ro-slide-up 0.25s ease-out; }